Zielsetzung des Kurses
Der Kurs UI Design Grundlagen mit Figma vermittelt Basiswissen zur Gestaltung digitaler Benutzeroberflächen im Kontext von Produkt- und Interfacedesign. Behandelt werden Prinzipien der visuellen Hierarchie, Interaktion und Informationsarchitektur sowie deren Umsetzung in Figma. Ziel ist die Einordnung zentraler UI-Bausteine, Patterns und Komponenten in prototypische Workflows. Der Kurs ordnet Figma als Werkzeug in den Gestaltungsprozess zwischen Anforderung, Entwurf und Übergabe an Entwicklung ein.
Inhalte
Einführung in UI- und Interfacedesign mit Klärung von Begriffen, Abgrenzung zu UX, Rolle von Typografie, Farbe, Raster und Layout-Rhythmen sowie Ableitung von Gestaltungsregeln für digitale Oberflächen
Strukturierung von Inhalten durch Navigationsmodelle, Seitenaufbau und Komponentenbibliotheken, inklusive Einsatz von Auto Layout, Grids, Constraints und Varianten für konsistente Gestaltung
Prototyping und Interaktionsgestaltung in Figma mit Verbindungen, Übergängen, Microinteractions und Zuständen sowie Vorbereitung testbarer Click-Dummies
Design-Assets und Komponentenverwaltung durch Erstellung von Stilen, Icons, Symbolen und Variablen; Aufbau und Pflege kleiner Designsystem-Bausteine
Zusammenarbeit und Übergabe mit Kommentarfunktionen, Versionsverwaltung, Spezifikationen für Entwicklung, Export von Assets und Nutzung von Plugins für wiederkehrende Arbeitsschritte
Lernziele
- Analysieren von Benutzeroberflächen anhand von Layout, Hierarchie, Typografie und Farbgebung
- Identifizieren und Unterscheiden gängiger UI-Patterns sowie Ableiten geeigneter Komponenten
- Anwenden von Figma-Funktionen wie Frames, Auto Layout, Grids, Variants und Prototyp-Verbindungen
- Erstellen von klickbaren Prototypen mit definierten Zuständen, Übergängen und Interaktionen
- Entwickeln einer kleinen Komponentenbibliothek inklusive Stilen, Icons und wiederverwendbaren Elementen
- Integrieren von Design-Spezifikationen in die Übergabe an Entwicklung inklusive Asset-Export
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Design, in denen die Gestaltung und Dokumentation von Benutzeroberflächen mit Figma durchgeführt wird. Typische Tätigkeitsfelder umfassen Visual Design in digitalen Projekten, etwa die Ausarbeitung von Komponenten, Layouts und Designsystem-Bausteinen. Der Kurs adressiert Inhalte für Tätigkeiten wie Prototyping und Spezifikationserstellung in interdisziplinären Produktteams.
Zusammenfassung
Der Kurs UI Design Grundlagen mit Figma behandelt Prinzipien der Oberflächengestaltung und deren Umsetzung in Figma, von Layout und Komponenten bis zu Prototyping und Übergabe. Im Rahmen dieser Weiterbildung werden Arbeitsschritte für visuelles Interface-Design, Komponentenverwaltung und Zusammenarbeit abgedeckt. Die vermittelten Themen stehen in Bezug zu Tätigkeiten in UI Design, Visual Design und Prototyping innerhalb digitaler Produktentwicklung.