Im Kurs vertiefen Teilnehmende ihre Kenntnisse in Figma mit Fokus auf Designsysteme, Komponentenstruktur und die professionelle Übergabe an Entwickler:innen. Behandelt werden u. a. Dev Mode, Responsive Design, Design Tokens sowie der Einsatz von KI im Gestaltungsprozess. Die Inhalte sind praxisnah auf den digitalen Design-Development-Workflow abgestimmt.


Inhalte

  • Interface-Elemente erkennen, benennen & technisch einordnen
  • Kommunikation von Designideen, spezifischen Lösungen und -spezifikationen an Entwickler:innen
  • Verständnis der Synergien zwischen Figma und HTML
  • Dev Mode Console
  • Übergabe-Vorbereitung & Dokumentation für Entwickler:innen
  • Komponenten und Wiederverwendbarkeit
  • Zustände & Varianten: Vom Hover bis zum Disabled Button
  • Arbeiten mit Libraries / Designsystemen
  • Komponenten-Library
  • Planung & Aufbau eines Designsystems
  • Verwaltung und Teilen von Designsystemen
  • Design Tokens und Modi
  • Variablen zur Speicherung von Werten
  • Responsive Design in Figma - Layouts, Typografie und Spacing über Breakpoints
  • KI als Co-Pilot im Designprozess

Ihr erlerntes Wissen werden Sie in praktischen Projekten mit fachlicher Unterstützung anwenden.