Figma: UX & UI-Design im Team ohne Barrieren
Barrierearme Prototypen, Design-Systeme und Handover-Prozesse direkt in Figma umsetzen
Die wichtigsten Themen
Figma-Workflow für UX und UI
Klickbare Prototypen für Web und App
Barrierearme UI nach WCAG-Prinzipien
Design-Systeme mit Komponenten
Teamarbeit im Figma-Workspace
Handover an Frontend-Teams
Überblick 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...
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.
Die Themen 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 · User Flows und Nutzungsszenarien...
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
Zielgruppe
- 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
Das lernst du
- Sicherer Aufbau von Figma-Dateien, Frames, Komponenten und Prototypen für UX- und UI-Projekte
- Barrierearme Interfaces mit passenden Kontrasten, Typografie-Regeln und Interaktionszuständen gestalten
- Ein strukturiertes Design-System mit Styles, Komponenten, Varianten und Libraries anlegen
- Klickbare Prototypen für Stakeholder-Demos, Feedbackschleifen und einfache Tests vorbereiten
- Design-Handover mit Inspect-Funktionen, Design-Tokens und klarer Dokumentation organisieren
- Teamprozesse in Figma nachvollziehbar strukturieren und auf eigene Projekte übertragen
So arbeiten wir
- Live-Demos zu Figma-Funktionen, Prototyping und Team-Workflows
- Hands-on-Übungen an einem durchgehenden UX- und UI-Projekt
- Accessibility-Checks zu Kontrast, Typografie, Struktur und Interaktion
- Gruppenreviews mit Feedback direkt im Figma-Prototyp
- Handover-Übungen mit Komponenten, Inspect-Funktionen und Design-Tokens
- Transferphasen für eigene Projektstrukturen und Teamprozesse
Empfohlene Vorkenntnisse
- 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
Dein Fahrplan
Der erste Tag startet mit der Einrichtung von Dateien, Pages, Frames und Teamspaces. Anschließend werden Layout-Grids, Ebenen, Auto Layout, Styles, Komponenten und Varianten in einen nachvollziehbaren UX-Workflow eingeordnet. Aus User Flows entstehen Wireframes, Low-Fidelity-Screens und erste klickbare Prototypen für Web- und App-Szenarien.
Im weiteren Verlauf werden UI-Screens mit Farben, Typografie, Icons und wiederverwendbaren Bausteinen aufgebaut. Feedbackschleifen, Kommentare und Versionierung werden direkt in Figma genutzt, damit Entwürfe im Team überprüft und weiterentwickelt werden.
Organisatorisches
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.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Fragen und Antworten zu Figma: UX & UI-Design im Team ohne Barrieren
Ist die Figma Schulung für Einsteigerinnen und Einsteiger geeignet?
Ja, wenn bereits ein Grundverständnis für digitale Produkte, Websites oder App-Projekte vorhanden ist. Die Schulung startet mit den wichtigsten Figma-Grundlagen und führt dann zügig in UX-Workflows, UI-Komponenten, Prototyping und Teamarbeit. Für einen reinen Einstieg in Oberfläche und Bedienlogik passt vorab Figma Basics besonders gut.
Wie stark geht der Kurs auf Barrierefreiheit und Accessibility ein?
Barrierearmes UI-Design ist ein zentraler Schwerpunkt. Du arbeitest mit Kontrasten, Schriftgrößen, Abständen, Fokusführung, Interaktionszuständen und einfachen Prüfmethoden direkt in Figma. Ziel ist, Accessibility bereits in Wireframes, Komponenten und Prototypen mitzudenken, statt Barrieren erst kurz vor der Umsetzung zu entdecken.
Was ist der Unterschied zu Figma Basics und Figma Advanced?
Figma Basics vermittelt den Einstieg in Oberfläche, Werkzeuge und grundlegende Arbeitsweisen. Diese Schulung verbindet Figma mit UX- und UI-Design, barrierearmen Interfaces, Prototyping und Team-Handover. Figma Advanced eignet sich anschließend, wenn Komponenten, Design-Systeme und fortgeschrittene Workflows weiter vertieft werden sollen.
Arbeitet der Kurs mit einem Praxisprojekt?
Ja. Im Seminar entsteht ein durchgehendes Praxisprojekt mit User Flow, Wireframes, UI-Screens, klickbarem Prototyp und barrierearmem Review. Dadurch werden Figma-Funktionen nicht isoliert geübt, sondern im Zusammenhang eines realistischen Produktdesign-Prozesses angewendet.
Welche Rolle spielt das Design-Handover an die Entwicklung?
Das Handover ist ein wichtiger Bestandteil der Schulung. Du lernst, Komponenten, Styles, Design-Tokens, Benennungen und Inspect-Funktionen so zu nutzen, dass Frontend-Teams Gestaltungsentscheidungen nachvollziehen und konsistent umsetzen. Dabei geht es auch um Kommentare, Versionierung und klare Abstimmungsprozesse.
Eignet sich die Schulung für Produktteams und Agenturen?
Ja. Die Inhalte sind auf Teamarbeit in Figma ausgelegt: gemeinsame Workspaces, Kommentare, Reviews, Libraries, Freigabeprozesse und Zusammenarbeit mit Stakeholdern. Das macht die Schulung besonders relevant für Produktteams, Agenturen, interne Digitalteams und Organisationen mit mehreren Rollen im UX- und UI-Prozess.
Werden auch KI-Funktionen oder KI-gestützte Designprozesse behandelt?
Der Schwerpunkt dieser Schulung liegt auf Figma, UX- und UI-Design, Prototyping, Accessibility und Handover. Wenn die KI-gestützte Nutzerführung und Ideenentwicklung im Vordergrund stehen soll, ist anschließend UI/UX Design mit KI eine passende Vertiefung.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
