Figma: UX & UI-Design im Team ohne Barrieren
Barrierearme Prototypen, Design-Systeme und Handover-Prozesse direkt in Figma umsetzen
- Figma-Workflow für UX und UI
- Klickbare Prototypen für Web und App
- Barrierearme UI nach WCAG-Prinzipien
- 2 Tage
- Grundlagen
- Online
- Garantierte Termine Diese Termine finden statt
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- 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
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- 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 bringst du mit
- 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 Lernweg
Tag 1: Figma-Setup, UX-Workflow und erste Prototypen
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.
Tag 2: Accessibility, Design-System, Handover und Praxisprojekt
Der zweite Tag widmet sich barrierearmem UX- und UI-Design. Behandelt werden Accessibility-Grundlagen, WCAG-Prinzipien, Kontraste, Schriftgrößen, Fokusführung, Lesereihenfolge und interaktive Zustände. Mit Figma-Plugins und einfachen Checks werden typische Barrieren im Entwurf erkannt und reduziert.
Danach steht die Zusammenarbeit im Team im Mittelpunkt: Libraries, Design-Tokens, Komponentenregeln, Handover mit Inspect-Funktionen und Übergabe an Frontend-Teams. Im abschließenden Praxisprojekt entsteht ein barrierearmer UX-Flow mit klickbarem Prototyp, Review und konkreten Transferpunkten für eigene Projekte.
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
- Montag09:00 bis 16:00 Uhr
2 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- 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
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
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.
Passende Schulungen
Figma: UX & UI-Design im Team ohne Barrieren
Nächster Termin: 22. Oktober 2026 · Online
ab1.090 €netto