Seminarkatalog

Du beherrschst die Figma-Grundlagen und möchtest komplexe UX- und UI-Projekte strukturierter, skalierbarer und teamfähiger umsetzen? In dieser Figma Advanced Schulung vertiefst du den professionellen Umgang mit Components, Variants, Auto-Layout, Variables, interaktiven Prototypen und Developer-Handoff. Der Schwerpunkt liegt auf Arbeitsweisen, die in realen Produktteams entscheidend sind: wiederverwendbare Komponenten, konsistente Gestaltungssysteme, responsive Layouts für unterschiedliche Geräte und eine Übergabe, die Designentscheidungen für Entwicklerinnen und Entwickler nachvollziehbar macht.

Das Training baut auf vorhandener Figma-Erfahrung auf und führt dich von einzelnen Screens zu belastbaren Designsystem-Strukturen. Du arbeitest mit Libraries, Assets, Komponenten-Eigenschaften, Prototyping-Logik, Version History und Dev Mode, damit Entwürfe nicht nur gut aussehen, sondern im Team zuverlässig weiterverarbeitet werden. Wenn du Grundlagen auffrischen möchtest, ist Figma Basics die passende Vorbereitung. Als anschließende Vertiefung eignen sich Figma Buzz oder Figma: UX & UI-Design im Team ohne Barrieren.

Komponenten und Varianten

• Main Components und Instanzen
• Variants und Component Sets
• Component Properties und Overrides
• Interaktive Komponenten
• Mehrdimensionale Komponentenstrukturen
• Namenskonventionen für Komponenten

Responsive Layouts mit Auto-Layout

• Erweitertes Auto-Layout
• Verschachtelte Auto-Layout-Strukturen
• Constraints und Resizing-Verhalten
• Breakpoints für Gerätegrößen
• Mobile, Desktop und Cross-Platform
• Responsive Designmuster in Figma

Variables, Styles und Designsysteme

• Farb-, Zahlen- und Text-Variables
• Modes für Themes und Zustände
• Design-Tokens und semantische Benennung
• Styles, Libraries und Assets
• Skalierbare Designsystem-Strukturen
• Organisation geteilter Libraries

Fortgeschrittenes Prototyping

• Komplexe Interaktionen und Triggers
• Transitions und Smart Animate
• Overlays und Navigationsmuster
• Interaktive Components und Variants
• Erweiterte Links und Flows
• Testbare Prototyp-Strukturen

Zusammenarbeit und Developer-Handoff

• Vorbereitung für die Entwicklung
• Dev Mode und Inspect-Informationen
• Exportfähige Assets und Formate
• Spezifikationen, Maße und Abstände
• Version History und Rollbacks
• Dokumentation von Designentscheidungen

Workflow, Plugins und Ressourcen

• Plugin-Auswahl und Verwaltung
• UI-Kits und Gestaltungssysteme
• Ressourcen für Team-Workflows
• Shortcuts für produktives Arbeiten
• Qualitätssicherung in Figma-Dateien
• Workflow-Optimierung im Daily Business

• Sichere Grundkenntnisse in Figma oder vorherige Teilnahme an Figma Basics
• Erfahrung mit Frames, Ebenen, Styles und grundlegenden Komponenten
• Verständnis für UX-/UI-Design, digitale Layouts oder Produktentwicklung
• Eigener Figma-Zugang für Übungen und Projektarbeit empfohlen

• UX- und UI-Designerinnen, UI-Designer sowie Product Designer mit Figma-Erfahrung
• Produktmanagerinnen, Produktmanager und Product Owner, die Designsysteme und Prototypen im Team steuern
• Frontend-Entwicklerinnen und Frontend-Entwickler, die Figma-Dateien, Dev Mode und Handoff-Prozesse sicher nutzen möchten
• Marketing-, Web- und Digital-Teams mit anspruchsvollen Interface-, App- oder Plattformprojekten

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

09:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D