Zielsetzung des Kurses
Der Kurs UI Design mit Figma vermittelt die Gestaltung und Ausarbeitung grafischer Benutzeroberflächen im Kontext der digitalen Produktentwicklung. Behandelt werden methodische Schritte von der Anforderungsanalyse bis zur prototypischen Umsetzung in Figma. Der Schwerpunkt liegt auf Interface-Architektur, visuellem Layout, Interaktionsmustern und Komponentenaufbau unter Berücksichtigung von Usability- und Barrierefreiheitsprinzipien. Ziel ist die strukturierte Anwendung von Figma-Werkzeugen zur Erstellung konsistenter UI-Designs für Web und Mobile.
Inhalte
Einführung in UI-Design-Grundlagen: Terminologie, Gestaltungssysteme, Raster, Typografie, Farb- und Icon-Systeme sowie Heuristiken der Gebrauchstauglichkeit
Arbeitsabläufe in Figma: Seiten- und Frame-Strukturen, Ebenenverwaltung, Auto-Layout, Komponenten, Varianten, Bibliotheken, Styles und Versionsverwaltung
Interaktions- und Prototyping-Funktionen: Verbindungen, Übergänge, Mikrointeraktionen, Smart Animate, responsive Layouts, Breakpoints und Gerätevorschauen
Designprozesse und Dokumentation: User Flows, Wireframes, High-Fidelity-Layouts, Design-Tokens, Designsystem-Pflege, Hand-off an Entwicklung mit Inspect-Tools
Barrierefreiheit und Qualitätssicherung: Kontrastprüfung, Tastaturnavigation, semantische Struktur, Exportformate, Assets, Konsistenz-Checks und Kommentarfunktionen
Lernziele
- Identifikation von UI-Bausteinen, Rasterstrukturen und wiederverwendbaren Komponenten in Figma
- Anwendung von Auto-Layout, Styles und Varianten zur Erstellung konsistenter Layouts
- Durchführung von interaktiven Prototypen inklusive Übergängen, Geräteeinstellungen und Mikrointeraktionen
- Erstellung von Wireframes, High-Fidelity-Designs und designkonformen Asset-Exports
- Integration von Barrierefreiheitskriterien durch Kontrastprüfung, Strukturierung und Tastaturnavigation
- Übergabe an Entwicklung durchführen mittels Inspect-Funktionen, Dokumentation und Versionsverwaltung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer mit Schwerpunkt auf Gestaltung und Prototyping digitaler Oberflächen in Figma.
Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams mit Fokus auf Komponentenaufbau, Designsystemen und Übergabe an Entwicklung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Visual Designer in Agenturen oder Inhouse-Teams mit Verantwortung für Layout, Typografie und Assets.
Zusammenfassung
Der Kurs UI Design mit Figma behandelt die strukturierte Erstellung von Benutzeroberflächen, den Einsatz zentraler Figma-Funktionen und die Ausarbeitung interaktiver Prototypen. Im Rahmen dieser Weiterbildung werden Designprozesse von Wireframes bis zum Hand-off an Entwicklung abgebildet und Kriterien der Barrierefreiheit berücksichtigt. Die vermittelten Themen lassen sich in Tätigkeitsfeldern wie UI-Design, UX/UI-Produktgestaltung und visueller Gestaltung anwenden.