Design Systeme: Design effizient skalieren mit Hilfe von Figma
placeKöln 7 Sep 2026 until 8 Sep 2026 |
computer Online: Zoom 7 Sep 2026 until 8 Sep 2026 |
placeKöln 14 Dec 2026 until 15 Dec 2026 |
computer Online: Zoom 14 Dec 2026 until 15 Dec 2026 |
placeKöln 14 Jan 2027 until 15 Jan 2027 |
computer Online: Zoom 14 Jan 2027 until 15 Jan 2027 |
placeKöln 29 Apr 2027 until 30 Apr 2027 |
computer Online: Zoom 29 Apr 2027 until 30 Apr 2027 |
placeKöln 19 Aug 2027 until 20 Aug 2027 |
computer Online: Zoom 19 Aug 2027 until 20 Aug 2027 |
placeKöln 4 Nov 2027 until 5 Nov 2027 |
computer Online: Zoom 4 Nov 2027 until 5 Nov 2027 |
Schulungen der Extraklasse ✔ Durchführungsgarantie ✔ Trainer aus der Praxis ✔ Kostenfreies Storno ✔ 3=2 Kostenfreie Teilnahme für den Dritten ✔ Persönliche Lernumgebung ✔ Kleine Lerngruppen
Seminarziel
Nach dem Seminar sind Sie in der Lage, Design Systeme einzuordnen und deren Bedeutung für konsistente und skalierbare digitale Produkte zu erklären. Sie definieren Foundations wie Design Tokens, Typografie und Farbstrukturen und entwickeln darauf aufbauend skalierbare Komponenten. Zudem bauen Sie Design Systeme strukturiert in Figma auf, legen Libraries an und verbessern die Konsistenz Ihrer Benutzeroberflächen nachhaltig.Inhalt
- Grundlagen und Struktur von Design Systemen
-
Einführung: Was ist ein Design System?
- Unterschied
- Warum Unternehmen Design Systeme nutzen
- Skalierbarkeit von Produkten
- Zusammenarbeit zwischen Design und Entwicklung
- Bausteine eines Design Systems - Die …
There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.
Schulungen der Extraklasse ✔ Durchführungsgarantie ✔ Trainer aus der Praxis ✔ Kostenfreies Storno ✔ 3=2 Kostenfreie Teilnahme für den Dritten ✔ Persönliche Lernumgebung ✔ Kleine Lerngruppen
Seminarziel
Nach dem Seminar sind Sie in der Lage, Design Systeme einzuordnen und deren Bedeutung für konsistente und skalierbare digitale Produkte zu erklären. Sie definieren Foundations wie Design Tokens, Typografie und Farbstrukturen und entwickeln darauf aufbauend skalierbare Komponenten. Zudem bauen Sie Design Systeme strukturiert in Figma auf, legen Libraries an und verbessern die Konsistenz Ihrer Benutzeroberflächen nachhaltig.Inhalt
- Grundlagen und Struktur von Design Systemen
- Einführung: Was ist ein Design System?
- Unterschied
- Warum Unternehmen Design Systeme nutzen
- Skalierbarkeit von Produkten
- Zusammenarbeit zwischen Design und Entwicklung
- Bausteine eines Design Systems - Die wichtigsten
Elemente:
- Design Tokens (Farben, Typografie, Spacing)
- Komponenten
- Patterns
- Layout-Systeme
- Interaction Patterns
- Dokumentation
- Governance
- Design Tokens definieren
- Farbstruktur
- Typografie-System
- Spacing-System
- Grid-System
- Naming-Konventionen
- Komponenten richtig denken
- Atomic Design Prinzip
- Komponenten-Hierarchie
- Wiederverwendbarkeit
- Varianten und States
- Responsives Verhalten
- Design Systeme konkret in Figma umsetzen
- Aufbau eines Design Systems in Figma
- Struktur von Libraries
- Seitenstruktur
- Komponentenorganisation
- Naming-Systeme
- Best Practices für Teams
- Tokens und Styles in Figma
- Color Styles
- Text Styles
- Variables
- Design Tokens in Figma
- Themes und Dark Mode
- Komponenten-System bauen
- Auto Layout richtig nutzen
- Varianten
- Interaktive Komponenten
- skalierbare Komponenten
- Design System testen
- funktioniert das System wirklich?
- Skalierbarkeit prüfen
- typische Fehler in Design Systemen
There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.
