- Figma als Design System nutzen
- Was sind Variablen
- Variables und Design Tokens
- Naming Convention
- Autolayout Teil 2
- Komponente und Instanzen Teil 2
- Komponentenorganisation
- Atomic Design Prinzip
- Advanced Prototyping
- if/else Conditions
- Animationen
- Einblick in Figma Make
- Zusammenarbeit der verschiedenen Bereiche
- Dev-Mode
- Branching & Merging
- Figma Versionen und deren Limitationen
- Best Practices
- Eigene Libraries erstellen, veröffentlichen, teilen und nutzen
- Barrierefreiheit
- Was ist Barrierefreiheit?
- Barrierefrei gestalten und designen
- Testen auf Barrierefreiheit
Lernziele- Tiefgreifenderes Wissen im Umgang mit Figma kennen lernen
- Den eigenen Workflow verbessern
- Figma Prototyping und Animationen verstehen und verwenden
- Verwendung von Figma zur Erstellung ausgefeilter Wireframes und interaktiver Prototypen
- Verstehen, Anwenden und Erweitern von Design Systemen
- Den Unterschied zwischen Styles und Variablen, sowie Tokens kennen
- Ein eigenes Mini-Projekt in Figma von Anfang bis Ende umsetzen
ZielgruppenWeb-Designer:innen, Entwickler:innen von Softwareanwendungen, UI/UX-Designer:innen. Alle, die mit Figma arbeiten möchten. Grundvorraussetzungen für diesen Kurs sollten eingängige Vorkenntnisse in Figma sein.
