Bestellung
Wenn Sie an diesem Seminar teilnehmen wollen, füllen Sie folgendes Formular aus.Die mit * gekennzeichneten Felder müssen ausgefüllt werden.
In diesem praxisorientierten Figma Kurs entwickeln Sie UX und UI-Designs, die im Team funktionieren und möglichst wenige Barrieren erzeugen. Sie lernen, wie Sie mit Figma komplette User Flows, klickbare Prototypen und ein strukturiertes Design-System aufbauen, das Designerinnen, Entwicklerinnen und Product Owner gemeinsam nutzen können. Ein Schwerpunkt liegt auf barrierearmem UI-Design: Sie gestalten Farben, Kontraste, Typografie und Interaktionen so, dass mehr Menschen Ihre digitalen Produkte nutzen können. Anhand eines durchgehenden Praxisprojekts üben Sie den gesamten Workflow von der Idee bis zum Handover. Am Ende des Seminars haben Sie einen klaren Figma-Prozess für Ihr Team, konkrete Vorlagen und einen Prototyp, den Sie direkt in Ihren Arbeitsalltag übertragen können.
- Figma Grundlagen für UX und UI
- Interface, Frames, Layout-Grids und Ebenen verstehen
- Komponenten, Varianten und Auto Layout gezielt nutzen
- Design-Systeme und Libraries richtig aufsetzen
- Best Practices für responsive UI-Designs
- UX-Workflow: Von Idee zu klickbarem Prototyp
- User Flows, Wireframes und Low-Fidelity-Screens anlegen
- Interaktionen, Prototyping und Microinteractions in Figma
- UX-Patterns für Web, App und Produktteams
- Feedbackschleifen direkt im Prototyp organisieren
- Barrierefreies UI-Design in Figma
- Grundlagen von Accessibility, WCAG und EN 301 549
- Farben, Kontraste und Typografie barrierearm gestalten
- Struktur, Fokusführung und Lesereihenfolge planen
- Prüfen mit Plugins, Checks und einfachen Tests
- Effiziente Zusammenarbeit im Team
- Rollen, Rechte und gemeinsame Workspaces in Figma
- Kommentieren, Versionierung und Design-Handover
- Zusammenspiel mit Product Owner, Dev und Stakeholdern
- Design-Tokens und Übergabe an Frontend-Teams
- Design-Systeme skalieren und pflegen
- UI-Kits, Komponentenbibliotheken und Naming-Konventionen
- Tokens für Farben, Spacing und Typografie strukturieren
- Governance: Freigaben, Pflege und Dokumentation
- Migration bestehender Designs in ein System
- Praxisprojekt: Inklusive Produktoberfläche
- Konzeption eines barrierearmen UX-Flows im Team
- Erstellung eines klickbaren Figma-Prototyps
- Review mit Accessibility-Fokus und Optimierung
- Konkreter Transfer in eigene Projekte und Prozesse