Figma Advanced
Komponenten, Designsysteme und Handoff so vertiefen, dass komplexe Figma-Projekte skalierbar bleiben
Die wichtigsten Themen
Komponenten und Variants
Responsive Auto-Layouts
Interaktive Prototypen
Developer-Handoff
Skalierbare Designsysteme
Effiziente Figma-Workflows
Überblick 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...
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.
Die Themen Main Components und Instanzen · Variants und Component Sets · Component Properties und Overrides · Interaktive Komponenten · Mehrdimensionale Komponentenstrukturen · Namenskonventionen für Komponenten...
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
Zielgruppe
- 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
Das lernst du
- Sicherer Aufbau wiederverwendbarer Komponenten mit Variants, Properties und Overrides
- Responsive Layouts mit Auto-Layout, Constraints und Breakpoints strukturiert umsetzen
- Designsysteme mit Libraries, Variables, Styles und Assets skalierbar organisieren
- Interaktive Prototypen mit komplexen Flows, Transitions und Komponentenlogik erstellen
- Figma-Dateien für Entwicklungsteams sauber vorbereiten und im Dev Mode übergeben
- Bestehende Figma-Workflows analysieren, optimieren und im Team konsistent anwenden
So arbeiten wir
- Live-Demonstrationen direkt in Figma mit nachvollziehbaren Arbeitsschritten
- Hands-on Labs zu Komponenten, Auto-Layout, Prototyping und Handoff
- Übungen an realistischen UI-Szenarien aus Produkt-, Web- und App-Projekten
- Analyse typischer Fehlerquellen in komplexen Figma-Dateien
- Trainer-Feedback zu Struktur, Benennung, Wiederverwendbarkeit und Übergabequalität
- Transfer in eigene Projektkontexte durch Fragen, Diskussion und Workflow-Reflexion
Empfohlene Vorkenntnisse
- 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
Dein Fahrplan
Der erste Seminartag vertieft den Aufbau belastbarer Figma-Strukturen. Im Mittelpunkt stehen Main Components, Instanzen, Variants, Component Properties, Overrides sowie fortgeschrittenes Auto-Layout für responsive Interfaces.
- Analyse vorhandener Figma-Dateien
- Komponentenarchitektur und Benennung
- Variants und Component Properties
- Overrides und Instanz-Verhalten
- Verschachteltes Auto-Layout
- Constraints und Breakpoints
Organisatorisches
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.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Bewertungen & Feedback
Wissen
5.0
5.0
von 4 Bewertungen
Verständlichkeit
5.0
Fragen und Antworten zu Figma Advanced
Ist die Figma Advanced Schulung nur für Designerinnen und Designer geeignet?
Nein. Neben UX- und UI-Designerinnen und -Designern profitieren auch Produktmanagerinnen, Produktmanager, Product Owner sowie Frontend-Entwicklerinnen und Frontend-Entwickler. Besonders wertvoll ist das Seminar, wenn Design, Produkt und Entwicklung enger zusammenarbeiten sollen.
Welche Figma-Vorkenntnisse werden erwartet?
Grundlegende Figma-Kenntnisse sollten vorhanden sein: Frames, Ebenen, Styles, einfache Komponenten und grundlegendes Prototyping. Wenn diese Basis noch fehlt, empfiehlt sich vorab Figma Basics.
Geht es im Training auch um Responsive Design?
Ja. Das Seminar behandelt Auto-Layout, Constraints, Resizing-Verhalten und Breakpoints für mobile, Desktop- und plattformübergreifende Layouts. Ziel ist, Figma-Dateien so aufzubauen, dass Layout-Anpassungen nachvollziehbar und wiederverwendbar bleiben.
Werden Variables und Design-Tokens behandelt?
Ja. Variables, Modes, semantische Benennung und der Bezug zu Design-Tokens gehören zu den aktuellen Advanced-Themen. Dadurch lassen sich Farben, Abstände, Zustände und Themes strukturierter in Designsystemen abbilden.
Wird der Dev Mode in Figma behandelt?
Ja. Die Schulung behandelt den Developer-Handoff mit Dev Mode, Inspect-Informationen, Exporten, Versionsständen und der strukturierten Vorbereitung von Dateien für Entwicklungsteams.
Gibt es Vorlagen oder Beispiele für Designsysteme?
Im Seminar werden Best-Practice-Beispiele, Library-Strukturen und wiederverwendbare Bausteine eingesetzt. Die Beispiele helfen dabei, eigene Figma-Dateien sauberer zu organisieren und Designsysteme schrittweise auszubauen.
Passt das Seminar zu barrierefreiem UX- und UI-Design?
Die Schulung legt die Grundlage für konsistente, teamfähige Figma-Strukturen. Für die gezielte Vertiefung von Accessibility im Interface-Design eignet sich anschließend Figma: UX & UI-Design im Team ohne Barrieren.
Werden KI-Workflows in Figma behandelt?
Der Schwerpunkt liegt auf Figma Advanced, Designsystemen, Prototyping und Handoff. Wenn KI-gestützte Gestaltung im Vordergrund steht, ist KI-Tools in der Mediengestaltung: Design neu gedacht eine passende Ergänzung.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
