Zielsetzung des Kurses
Der Kurs Figma für UI-Einsteiger führt in die Gestaltung digitaler Benutzeroberflächen mit dem Design-Tool Figma ein. Behandelt werden grundlegende Arbeitsweisen der UI-Design-Praxis, die Erstellung von Layouts und Komponenten sowie der Umgang mit Typografie, Farbe und Icons. Ziel ist die strukturierte Erarbeitung von Oberflächenentwürfen für Web- und Mobile-Anwendungen innerhalb eines kollaborativen Designprozesses. Zusätzlich erfolgt die Einordnung in den Kontext von Designsystemen und Übergaben an Entwicklungsteams.
Inhalte
Einrichtung der Arbeitsumgebung in Figma mit Dateistruktur, Seiten, Frames und Artboards sowie Nutzung von Raster, Layout-Grids und Ausrichtungsfunktionen für konsistente Seitenaufbauten.
Ausarbeitung visueller Grundlagen durch Farbdefinitionen, Typografie-Hierarchien, Icon-Einbindung und Komponentenvarianten einschließlich Auto-Layout für flexible Elementgruppen.
Erstellung von UI-Bausteinen wie Buttons, Formularen, Navigationsleisten und Kartenlayouts sowie Nutzung von Libraries, Styles und Komponentenverwaltung.
Prototyping mit Verbindungen, Interaktionen, animierten Übergängen und Variantenwechseln sowie Testbereitstellung über Freigabelinks.
Zusammenarbeit mittels Kommentarfunktion, Versionshistorie, Team-Bibliotheken und Übergabe an Entwicklung mit Spezifikationen, Exporten und Inspect-Funktionen.
Einbindung in Designsysteme durch Definition von Tokens, Benennungslogiken, Dokumentation von Komponenten und Pflege von Updates.
Lernziele
- Identifikation zentraler UI-Elemente und Unterscheidung ihrer Zustände in Figma-Komponenten
- Anwendung von Auto-Layout, Grids und Ausrichtungsfunktionen zur Erstellung skalierbarer Layouts
- Erstellung interaktiver Prototypen mit Verbindungen, Übergängen und Variantenwechseln
- Entwicklung wiederverwendbarer Komponentenbibliotheken inklusive Styles und Tokens
- Durchführung der Übergabe an Entwicklungsteams mit Inspect-Funktion, Exporten und Spezifikationen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, insbesondere in der Erstellung und Pflege von Benutzeroberflächen mit Figma.
Typische Tätigkeitsfelder umfassen UX-/UI-Assistenzrollen mit Schwerpunkt auf Layouts, Komponentenpflege und Prototyping.
Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Pflege, Styleguide-Erstellung und Übergabe an Frontend-Entwicklung in Produkt- oder Agenturumgebungen.
Zusammenfassung
Der Kurs Figma für UI-Einsteiger behandelt die Erstellung von Benutzeroberflächen, den Aufbau von Komponenten und Prototyping-Prozesse in Figma. Im Rahmen dieser Weiterbildung werden Arbeitsabläufe vom Layout bis zur Übergabe an Entwicklungsteams vermittelt. Die Inhalte stehen in Bezug zu Tätigkeiten im UI-Design, in Assistenzfunktionen im UX-/UI-Bereich sowie in der Designsystem-Pflege.