Seminarkatalog

In dieser Figma Schulung für UX und UI-Design entwickelst du digitale Oberflächen, die im Team zuverlässig funktionieren und Barrieren früh reduzieren. Der Schwerpunkt liegt auf einem durchgängigen Workflow: von User Flows und Wireframes über klickbare Prototypen bis zu wiederverwendbaren Komponenten, Libraries und einem nachvollziehbaren Design-Handover. Dabei geht es nicht nur um einzelne Figma-Funktionen, sondern um Strukturen, mit denen Designerinnen, Product Owner, Frontend-Entwicklerinnen und Stakeholder an derselben Datei arbeiten, Feedback einordnen und Entscheidungen dokumentieren.

Ein zentraler Bestandteil ist barrierearmes UI-Design. Farben, Kontraste, Typografie, Fokusführung und Interaktionen werden so gestaltet, dass mehr Menschen digitale Produkte nutzen können und Accessibility nicht erst am Ende geprüft wird. Anhand eines durchgehenden Praxisprojekts überträgst du die Inhalte direkt auf typische Web-, App- und Produktteam-Szenarien. Wenn dir noch die Grundlagen der Oberfläche fehlen, ist vorab Figma Basics die passende Vorbereitung.

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

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

9:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D