Das Lernmodul "Professionelles UX/UI Design mit Figma" ist ein Projektmodul für erfahrene Teilnehmer in der Gestaltung mit Figma. Ziel des Moduls ist die Erstellung eines UI-Kits inklusive Design System. Es werden Themen wie die Organisation von Figma-Projekten, der Einsatz von Design-Systemen, die Erstellung von UI-Komponenten und die Prinzipien des Responsive Designs behandelt. Zudem werden Best Practices zur Versionskontrolle, Dokumentation und Präsentation von UI-Kits vermittelt, um professionelles Design effizient umzusetzen.

Designer-Tools
  • Design System als Produkt
  • Design System als Tool
  • Designprozess in Figma
  • Figma-Teams
Figma-Projekte
  • Design-Datei: Page-Struktur
  • Datei-Cover und Page-Zusammenfassung
  • "To-do-List"-Widgets
  • Figma-Datei-Templates
  • Versionskontrolle und Dokumentation
User Interface Kit
  • Recherchieren und Moodboard erstellen
  • Grundlegende Stile
  • UI-Komponenten
  • Interaktive Zustände und Animationen
  • Branding-Elemente
  • Icons und Grafiken
  • Responsive Design
  • Komponenten-Bibliothek
  • Zugänglichkeit (Accessibility)
  • Präsentation eines UI-Kits