Figma: UX und UI-Design im Team ohne Barrieren

Figma-Grundlagen für UX und UI

• Oberfläche, Dateien und Teamspaces
• Frames, Ebenen und Layout-Grids
• Auto Layout für flexible Screens
• Komponenten, Varianten und Styles
• Responsive Designs für Web und App

UX-Workflow und Prototyping

• User Flows und Nutzungsszenarien
• Wireframes und Low-Fidelity-Screens
• High-Fidelity-UI mit Design-Patterns
• Klickbare Prototypen und Overlays
• Microinteractions und Flow-Strukturen

Barrierearmes UI-Design

• Accessibility-Grundlagen und WCAG-Prinzipien
• Kontraste, Farben und Schriftgrößen
• Fokusführung und Lesereihenfolge
• Barrierearme Interaktionen und Zustände
• Checks mit Figma-Plugins

Design-Systeme und Libraries

• UI-Kits und Komponentenbibliotheken
• Naming-Konventionen für Teams
• Design-Tokens für Farben und Abstände
• Dokumentation von Komponentenregeln
• Pflege und Freigabeprozesse

Zusammenarbeit und Handover

• Rollen, Rechte und Workspaces
• Kommentare, Reviews und Versionierung
• Übergabe an Frontend-Teams
• Inspect-Funktionen und Exporte
• Abstimmung mit Product Ownern

Praxisprojekt und Transfer

• Konzeption eines barrierearmen UX-Flows
• Aufbau eines klickbaren Prototyps
• Accessibility-Review im Team
• Optimierung von UI-Komponenten
• Transfer in eigene Arbeitsprozesse

• Grundverständnis für digitale Produkte, Websites oder App-Projekte
• Erste Berührungspunkte mit UX, UI oder Webdesign sind hilfreich
• Keine tiefen Figma-Kenntnisse erforderlich
• Für einen sicheren Einstieg in die Oberfläche empfiehlt sich vorab Figma Basics

• UX Designerinnen, UX Konzepterinnen und UI Designerinnen, die Figma für strukturierte Produktdesign-Prozesse einsetzen
• Webdesignerinnen, Digital Creatives und Agenturteams, die barrierearme Interfaces für Web- und App-Projekte gestalten
• Product Owner, Product Managerinnen und Business-Analystinnen, die Prototypen, Feedback und Handover besser steuern wollen
• Frontend-Entwicklerinnen und interdisziplinäre Produktteams, die Design-Systeme, Libraries und Übergaben in Figma nutzen