1.-3. Tag: Auch separat buchbar als
- Grundlagen
- Alle Figma Produkte im Überblick
- Figma Web und Figma App
- Die Werkzeugpalette von Figma
- Exportieren und Importieren
- Figma Mind-Set
- Auto-Layout Teil 1
- Figma Draw
- Kommentarfunktion
- Responsiver, agiler Workflow in Figma
- Ein Projekt in Figma umsetzen von Anfang bis Ende
- Grids nutzen und anlegen
- Webseiten Layouts importieren
- Sketches & Wireframes
- Libraries & Plugins & Widgets
- Styles anlegen in Figma
- Constraints nutzen
- Einbettung von Icons und Grafiken, sowie Videos
- Komponente und Instanzen
- Varianten und States
- Mock-ups und Prototypes Teil 1
- Kommentarfunktion design Klick-Modell
- Tastaturkürzel
- Effekte in Figma
4.-5. Tag: Auch separat buchbar als
- 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- Alle Bereiche von Figma kennenlernen
- Den Figma Mind-Set verstehen
- Verwendung von Figma zur Erstellung ausgefeilter Wireframes und interaktiver Prototypen
- Tiefgreifenderes Wissen im Umgang mit Figma kennen lernen
- Den eigenen Workflow verbessern
- Figma Prototyping und Animationen verstehen und verwenden
- 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.