Schulung · GitHub Copilot · UX-Design & Prototyping

GitHub Copilot für UX-Designer:innen

GitHub Copilot professionell nutzen: Completion, Chat, Agent Mode, Coding Agent für Issues und PRs, Code Review und Enterprise-Policies.

Dauer
2 Tage (14 Std.)
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

„GitHub Copilot für UX-Designer:innen“ ist ein praxisorientiertes Training für Rollen wie UX- und UI-Designer:innen, Product Designer:innen und Interaction Designer:innen und UX-Researcher:innen, die Varianten schnell testen möchten. Sie lernen GitHub Copilot nicht abstrakt, sondern an Aufgaben aus Ihrem Arbeitsalltag kennen – mit Beispielen, Übungen und Vorlagen aus dem Bereich UX-Design & Prototyping.

GitHub Copilot hat sich von der reinen Code-Vervollständigung zu einer umfassenden KI-Plattform entwickelt, die den gesamten Entwicklungsprozess begleitet. Im Editor unterstützen Sie Inline-Vorschläge, Next Edit Suggestions und Copilot Chat; im Agent Mode bearbeitet Copilot Aufgaben über mehrere Dateien hinweg und führt Befehle aus. Auf GitHub selbst übernimmt der Coding Agent zugewiesene Issues und liefert Pull Requests. In diesem zweitägigen Training lernen Sie, diese Bausteine gezielt einzusetzen und in Ihren bestehenden Entwicklungsprozess sauber zu integrieren.

Neben der Praxis im Editor geht es um Steuerung und Qualität: Mit Custom Instructions und Prompt-Dateien geben Sie Copilot Projektwissen mit, über MCP binden Sie zusätzliche Werkzeuge an, und mit Copilot Code Review ergänzen Sie den menschlichen Review-Prozess. Für Verantwortliche in Teams und Organisationen behandeln wir Richtlinien auf Organisations- und Enterprise-Ebene, Content Exclusions, Modellfreigaben und Auswertungen der Nutzung. So schaffen Sie die Grundlage für einen sicheren, nachvollziehbaren und wirksamen Einsatz von Copilot im gesamten Unternehmen.

Mit KI-Coding-Werkzeugen verschiebt sich die Grenze zwischen Design und Entwicklung: UX-Designer:innen können interaktive Prototypen in echtem Code erstellen, statt nur klickbare Mock-ups zu zeichnen. Aus einem Screenshot, einer Skizze oder einer Beschreibung entstehen in kurzer Zeit funktionsfähige Oberflächen mit echten Zuständen, Formularlogik und Beispieldaten, die sich im Usability-Test wie ein fertiges Produkt anfühlen. Dazu kommen Design-Tokens, Komponentenbibliotheken und Barrierefreiheitsprüfungen, die KI-Assistenten direkt in Code übersetzen. Im Kurs lernen Sie, wie Sie mit Vibe Coding und KI-Agenten schneller von der Idee zum testbaren Prototyp kommen, wie Sie Ergebnisse sauber an Entwicklungsteams übergeben und wo die Grenzen zwischen Prototyp und produktionsreifer Software liegen.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • UX- und UI-Designer:innen
  • Product Designer:innen und Interaction Designer:innen
  • UX-Researcher:innen, die Varianten schnell testen möchten
  • Product Owner und Produktmanager:innen mit Gestaltungsverantwortung
  • Design-System-Teams an der Schnittstelle zur Frontend-Entwicklung

Typische Herausforderungen, die wir adressieren

  • Statische Mock-ups bilden Interaktionen, Zustände und echte Daten nur unzureichend ab
  • Übergaben an die Entwicklung verlieren Details, Abstände und Verhaltenslogik
  • Lange Wartezeiten auf Entwicklungskapazität für Experimente und A/B-Varianten
  • Barrierefreiheit wird oft erst spät und unvollständig berücksichtigt

Das können Sie nach dem Training

  • Sie nutzen Completion, Chat und Agent Mode von Copilot zielgerichtet für Ihre täglichen Entwicklungsaufgaben.
  • Sie hinterlegen Projektwissen in Custom Instructions und Prompt-Dateien und verbessern damit die Ergebnisqualität.
  • Sie delegieren geeignete Issues an den Coding Agent und prüfen dessen Pull Requests sachgerecht.
  • Sie integrieren Copilot Code Review sinnvoll in Ihren bestehenden Review-Prozess.
  • Sie erstellen interaktive, codebasierte Prototypen mit KI und testen Ideen deutlich früher mit Nutzer:innen.
  • Sie übersetzen Designsysteme und Tokens in Code und verbessern die Übergabe an Entwicklungsteams.
  • Sie prüfen Prototypen systematisch auf Barrierefreiheit und kennen die Grenzen zwischen Prototyp und Produktivcode.

Inhalte & Ablauf

Tag 1

Modul 1 Copilot im Editor: Completion und Chat
  • Inline-Vorschläge und Next Edit Suggestions effizient annehmen, ablehnen und steuern
  • Copilot Chat für Erklärungen, Fehlersuche und Testgenerierung nutzen
  • Kontext gezielt über Dateien, Auswahl, Workspace und Chat-Variablen setzen
  • Modellauswahl und Unterschiede zwischen IDEs wie VS Code, Visual Studio und JetBrains
Modul 2 Agent Mode und Erweiterungen
  • Mehrstufige Aufgaben im Agent Mode planen und kontrolliert ausführen lassen
  • Terminalbefehle, Testläufe und Fehlerrückmeldungen in den Agenten-Loop einbinden
  • MCP-Server für zusätzliche Werkzeuge und Datenquellen anbinden
  • Änderungen prüfen, teilweise übernehmen oder zurücksetzen
Modul 3 Projektwissen mit Custom Instructions
  • Repository-weite Instructions für Architektur, Stil und Tests formulieren
  • Pfadspezifische Instructions und wiederverwendbare Prompt-Dateien anlegen
  • Persönliche und organisationsweite Vorgaben sinnvoll kombinieren
  • Instructions anhand der Ergebnisqualität laufend verbessern
Modul 4 Coding Agent und Code Review auf GitHub
  • Issues so formulieren, dass der Coding Agent sie zuverlässig umsetzen kann
  • Pull Requests des Agenten prüfen, kommentieren und iterieren lassen
  • Copilot Code Review als ergänzende Prüfinstanz im PR-Prozess einsetzen
  • Entwicklungsumgebung des Agenten über Setup-Schritte und Actions konfigurieren

Tag 2

Modul 5 Administration, Policies und Sicherheit
  • Lizenzzuweisung und Richtlinien auf Organisations- und Enterprise-Ebene
  • Content Exclusions, Modellfreigaben und Filter für öffentlichen Code
  • Audit-Logs und Nutzungsmetriken für Steuerung und Einführung auswerten
  • Sicherheitsrisiken, Secrets und Verantwortlichkeiten für KI-generierten Code klären
Modul 6 Praxislabor: UX-Design & Prototyping
  • Klickbare Prototypen in Code
  • Varianten für Tests erzeugen
  • Design-Tokens in Code übersetzen
  • Barrierefreiheit prüfen
  • Microinteractions gestalten
  • Research-Ergebnisse auswerten
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Prototypen enthalten oft unveröffentlichte Produktideen und Research-Daten von Testpersonen: Sie lernen, Interviewnotizen DSGVO-konform zu pseudonymisieren, Urheberrechte an Schriften, Bildern und generierten Assets zu klären und Anforderungen aus dem Barrierefreiheitsstärkungsgesetz früh einzuplanen.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Klickbare Prototypen in Code

Aus Skizzen, Wireframes oder Screenshots lauffähige Web-Prototypen mit Navigation, Formularvalidierung, Lade- und Fehlerzuständen sowie realistischen Beispieldaten erzeugen, die direkt im Browser getestet werden können. Änderungswünsche setzen Sie direkt im Gespräch um.

Varianten für Tests erzeugen

Mehrere Gestaltungsvarianten eines Flows parallel generieren, etwa für Onboarding oder Checkout, und sie für Usability-Tests oder A/B-Experimente mit wenigen Anpassungen bereitstellen. Unterschiede bleiben dabei klar dokumentiert.

Design-Tokens in Code übersetzen

Farben, Typografie, Abstände und Radien aus dem Designsystem als Tokens strukturieren und in CSS-Variablen, Tailwind-Konfigurationen oder Theme-Dateien für Komponentenbibliotheken überführen. So sprechen Design und Entwicklung dieselbe Sprache.

Barrierefreiheit prüfen

Prototypen auf Kontraste, semantisches HTML, Tastaturbedienung, Fokusreihenfolge und ARIA-Attribute untersuchen und konkrete Verbesserungen gemäß WCAG direkt im Code umsetzen lassen. So werden Barrieren behoben, bevor sie in die Entwicklung wandern.

Microinteractions gestalten

Übergänge, Animationen und Feedback-Zustände beschreiben und als CSS- oder JavaScript-Code umsetzen, um Timing und Wirkung früh im echten Medium statt im Zeichenprogramm zu bewerten. Varianten lassen sich direkt vergleichen.

Research-Ergebnisse auswerten

Notizen aus Interviews und Usability-Tests clustern, Muster und Pain Points herausarbeiten und daraus priorisierte Gestaltungshypothesen ableiten, die direkt in neue Prototyp-Iterationen einfließen. Zitate bleiben dabei nachvollziehbar zugeordnet.

Mögliche Praxisprojekte im Kurs

Onboarding-Prototyp

Ein mehrstufiger Onboarding-Flow als Web-App mit Fortschrittsanzeige, Validierung und gespeicherten Eingaben, bereit für moderierte Usability-Tests. Testpersonen erleben dabei realistische Fehlermeldungen und Ladezustände statt statischer Bildschirme.

Token-Konverter

Ein kleines Tool, das exportierte Design-Tokens einliest und daraus CSS-Variablen, eine Farbpalette mit Kontrastwerten und eine Vorschauseite erzeugt. Kontrastprobleme werden sofort markiert.

Komponenten-Playground

Eine Übersichtsseite, die Buttons, Formulare und Karten Ihres Designsystems in allen Zuständen zeigt, inklusive Hell- und Dunkelmodus. Sie dient als lebendige Referenz für Design und Entwicklung.

Voraussetzungen

Sie entwickeln regelmäßig Software, arbeiten mit Git und GitHub (Issues, Pull Requests) und nutzen eine moderne IDE. Sie haben Erfahrung in UX- oder UI-Design und mit gängigen Designwerkzeugen; Programmierkenntnisse sind nicht erforderlich, ein Grundverständnis von HTML und CSS ist hilfreich.

Technische Voraussetzungen

Eigener Laptop mit VS Code oder einer JetBrains-IDE, installierter Copilot-Erweiterung und einem GitHub-Konto mit aktiver Copilot-Lizenz; für den Coding Agent wird ein passender Plan benötigt.

Datenschutz & Compliance

Prototypen enthalten oft unveröffentlichte Produktideen und Research-Daten von Testpersonen: Sie lernen, Interviewnotizen DSGVO-konform zu pseudonymisieren, Urheberrechte an Schriften, Bildern und generierten Assets zu klären und Anforderungen aus dem Barrierefreiheitsstärkungsgesetz früh einzuplanen.

Terminvorschläge

Alle Termine sind Vorschläge – Ihr Wunschtermin ist jederzeit möglich.

  • Mo, 23. November 2026 – Di, 24. November 2026 Online Anfragen
  • Mi, 2. Dezember 2026 – Do, 3. Dezember 2026 Kaiserslautern Anfragen
  • Di, 8. Dezember 2026 – Mi, 9. Dezember 2026 Online Anfragen
  • Do, 14. Januar 2027 – Fr, 15. Januar 2027 Augsburg Anfragen
  • Mi, 27. Januar 2027 – Do, 28. Januar 2027 Online Anfragen
  • Di, 9. Februar 2027 – Mi, 10. Februar 2027 Salzburg Anfragen

Häufige Fragen

Was ist der Unterschied zwischen Agent Mode und Coding Agent?

Der Agent Mode läuft in Ihrer IDE: Sie arbeiten interaktiv mit Copilot, sehen jeden Schritt und geben Befehle frei. Der Coding Agent arbeitet dagegen eigenständig auf GitHub, sobald Sie ihm ein Issue zuweisen, nutzt eine eigene Ausführungsumgebung und legt einen Pull Request an, den Sie anschließend wie den Beitrag eines Teammitglieds prüfen.

Wie stellen wir sicher, dass Copilot unsere Unternehmensrichtlinien einhält?

Auf Organisations- und Enterprise-Ebene lassen sich Funktionen, Modelle und Erweiterungen gezielt freigeben oder sperren. Content Exclusions halten sensible Dateien aus dem Kontext heraus, und Audit-Logs machen die Nutzung nachvollziehbar. Im Kurs zeigen wir, wie Sie diese Hebel mit Datenschutz, Informationssicherheit und internen Coding-Standards zusammenbringen.

Lohnt sich der Kurs, wenn wir Copilot schon länger nutzen?

Ja, gerade dann. Viele Teams nutzen nur die Vervollständigung und lassen Chat, Agent Mode, Custom Instructions und den Coding Agent weitgehend ungenutzt. Der Kurs zeigt, wie Sie diese Funktionen strukturiert einsetzen, Ergebnisse durch Projektwissen verbessern und typische Fehlerquellen vermeiden. Erfahrene Nutzer profitieren besonders von den Abschnitten zu Review und Governance.

Muss ich als Designer:in programmieren können?

Nein. Sie beschreiben Oberflächen und Verhalten in natürlicher Sprache, mit Skizzen oder Screenshots, und das KI-Werkzeug erzeugt den Code. Hilfreich ist, Grundbegriffe wie Komponente, Zustand oder CSS-Klasse zu kennen, um gezielt nachzusteuern. Diese Begriffe vermitteln wir im Kurs praxisnah, sodass Sie Prototypen selbstständig anpassen und weiterentwickeln können.

Kann das Entwicklungsteam den Prototyp-Code übernehmen?

Manchmal ja, oft dient er vor allem als präzise Spezifikation. Prototypen sind auf Geschwindigkeit optimiert, nicht auf Sicherheit, Performance oder Wartbarkeit. Wenn Sie früh dieselbe Komponentenbibliothek und dieselben Tokens wie das Produkt verwenden, steigt die Wiederverwendbarkeit deutlich. Im Kurs klären Sie, wie Sie Übergaben so gestalten, dass beide Seiten profitieren.

Was kostet die Schulung „GitHub Copilot für UX-Designer:innen“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 2 Trainingstag(e) mit Live-Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Unsere Terminvorschläge sind eine Orientierung. Im Anfrageformular können Sie jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und bestätigen innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart oder Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Weitere Kurse für UX-Designer:innen

Weitere Kurse zu GitHub Copilot

Alle 32 Kurse zu GitHub Copilot

GitHub Copilot · MünchenGitHub Copilot · SalzburgGitHub Copilot · BerlinGitHub Copilot · AugsburgGitHub Copilot · HannoverGitHub Copilot · BremenGitHub Copilot · StuttgartGitHub Copilot · KaiserslauternGitHub Copilot · Online