Zielsetzung des Kurses
Die Figma Deep Dive Week vertieft Methoden des UI/UX-Designs mit Fokus auf die Gestaltung und Übergabe digitaler Produkte. Behandelt werden die Nutzung von Figma für Layout, Komponentenarchitektur und Prototyping im Rahmen des Interface-Designs. Ziel ist die strukturierte Anwendung von Designsystemen, kollaborativen Workflows und Übergabeprozessen an Entwicklungsteams. Der Kurs ordnet sich in das Feld Human-Centered Design und Produktentwicklung ein.
Inhalte
Einführung in Figma-Umgebung, Dateistrukturen und Team-Workspaces mit Einrichtung von Projekten, Bibliotheken und Versionierung sowie Rechteverwaltung für kollaboratives Arbeiten
Gestaltungsraster, Typografie- und Farbverwaltung, Asset-Organisation, Komponenten und Varianten inklusive Auto-Layout, Constraints und responsive Skalierung für unterschiedliche Viewports
Interaktives Prototyping mit Verbindungen, Animationen, Übergängen, Variablen und Zuständen sowie Erstellung klickbarer Flows für User-Flows und Usability-Demonstrationen
Designsystem-Aufbau mit Token-Strukturen, Stilen, Bibliotheksfreigaben, Dokumentation von Nutzungskonventionen und Pflege zyklischer Updates über Releases
Entwicklerübergabe mittels Inspect-Panel, Exportkonfiguration, Kommentar- und Review-Prozessen, Übergabe von Spezifikationen, Breakpoints und Asset-Paketen
Teamprozesse mit Echtzeit-Kollaboration, Branching, Merging, Kommentierung, Protokollierung von Änderungen sowie Einbindung von Plug-ins und Integrationen in gängige Produkt-Stacks
Lernziele
- Analysieren von Interface-Anforderungen und Ableiten einer konsistenten Dateistruktur in Figma
- Erstellen und Anwenden von Komponenten, Varianten und Auto-Layout zur Ausarbeitung responsiver Screens
- Durchführen von interaktiven Prototypen mit Zuständen, Variablen und Übergängen für definierte User-Flows
- Entwickeln eines grundlegenden Designsystems mit Stilen, Token-Strukturen und freigegebenen Bibliotheken
- Implementieren eines nachvollziehbaren Übergabeprozesses an Entwicklungsteams inklusive Spezifikationen und Exporten
- Integrieren von Kollaborationsfunktionen wie Branching, Reviews und Kommentierung in bestehende Teamabläufe
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI/UX-Design, in denen Figma für Interface-Gestaltung, Prototyping und Designsysteme eingesetzt wird.
Typische Tätigkeitsfelder umfassen Product Design, einschließlich Erstellung interaktiver Flows und Übergabe an Entwicklungsteams.
Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Management und Frontend-nahe Spezifikation im Rahmen digitaler Produktentwicklung.
Zusammenfassung
Der Kurs Figma Deep Dive Week behandelt den Einsatz von Figma für UI/UX-Design, Prototyping, Komponentenarchitektur und Designsysteme. Im Rahmen dieser Weiterbildung werden kollaborative Abläufe, Entwicklerübergabe und strukturierte Dateiorganisation thematisiert. Die vermittelten Inhalte finden Anwendung in Tätigkeitsfeldern wie UI/UX-Design, Product Design und Designsystem-Management.