Figma Advanced
Komponenten, Designsysteme und Handoff so vertiefen, dass komplexe Figma-Projekte skalierbar bleiben
- Komponenten und Variants
- Responsive Auto-Layouts
- Interaktive Prototypen
- 3 Tage
- Aufbau
- Online
- 5,0 6 Bewertungen
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- Komponenten und Variants
- Responsive Auto-Layouts
- Interaktive Prototypen
- Developer-Handoff
- Skalierbare Designsysteme
- Effiziente Figma-Workflows
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- 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 bringst du mit
- 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 Lernweg
Tag 1: Komponenten, Auto-Layout und responsive Strukturen
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
Tag 2: Prototyping, Variables und Designsysteme
Der zweite Seminartag verbindet interaktive Prototypen mit skalierbaren Designsystem-Ansätzen. Behandelt werden fortgeschrittene Interaktionen, Transitions, interaktive Komponenten, Variables, Modes, Styles, Libraries und Design-Tokens.
- Komplexe Prototyp-Flows
- Triggers, Transitions und Overlays
- Interaktive Components und Variants
- Variables und Modes
- Styles, Libraries und Assets
- Designsystem-Strukturen für Teams
Tag 3: Developer-Handoff, Zusammenarbeit und Workflow-Optimierung
Der dritte Seminartag konzentriert sich auf die Übergabe an Entwicklungsteams und die Optimierung des täglichen Workflows. Inhalte sind Dev Mode, Exporteinstellungen, Spezifikationen, Version History, Rollbacks, Plugin-Workflows und Qualitätssicherung in größeren Projekten.
- Vorbereitung für den Developer-Handoff
- Dev Mode und Inspect-Informationen
- Export von Assets und Spezifikationen
- Version History und Rollbacks
- Plugins und Workflow-Automatisierung
- Review eigener Figma-Strukturen
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
- Montag09:00 bis 16:00 Uhr
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- 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
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Das sagen Teilnehmerinnen und Teilnehmer
Echte Rückmeldungen aus den Feedbackbögen dieses Seminars.
Sehr gutes Training welches uns einen Rundumüberblick zu Figma vermittelt hat, so dass wir jetzt darauf weiter aufbauen können.
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 5,0
Endlich verstehe ich (zumindest die Grundlagen von) Figma
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 5,0
Toller Coach, perfekt abgestimmte Themen. Sehr viel Freiraum für "unsere" Themen und Fragen. Alles sehr rund und perfekt.
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 4,0
Guter Überblick über Figma mit ausführlicher Erklärung der Basics und flexiber Anpassung aufgrund Fragen aus der Gruppe.
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 5,0
Perfekt an unsere Bedürfnisse angepasst! Trainer war sehr flexibel und ist auf alle unsere Wünsche eingegangen. Top!
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 5,0
Eine absolut effektive, wertvolle und kurzweilige Schulung - vielen Dank!
- Wissen
- 5,0
- Verständlichkeit
- 5,0
- Struktur
- 5,0
- Praxis
- 5,0
- Stimmung
- 5,0
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
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.