Figma - professionelles UI- & UX-Design: Grundlagen und Vertiefung

Figma professionell einsetzen – von den Grundlagen bis zu fortgeschrittenen Techniken

Figma hat sich als führendes Tool für kollaboratives UI- und UX-Design etabliert. In dieser viertägigen Schulung lernen Sie praxisnah, wie Sie mit Figma moderne Designs für Websites, Apps und digitale Produkte gestalten, interaktive Prototypen entwickeln und Designsysteme strukturiert aufbauen. Der Kurs begleitet Sie Schritt für Schritt vom Einstieg bis zu fortgeschrittenen Workflows – direkt anwendbar im Berufsalltag.

Schulungsbeschreibung

Figma ist eine cloudbasierte Design-Plattform, mit der Teams in Echtzeit gemeinsam an Projekten arbeiten, Prototypen erstellen und Designsysteme zentral verwalten. Die Schulung gliedert sich in vier aufeinander aufbauende Tage: Am ersten Tag lernen Sie die Benutzeroberfläche, Lizenzmodelle und den Account-Einstieg kennen. Der zweite Tag widmet sich Basis-Design und kollaborativem Arbeiten – inklusive Echtzeit-Feedback, Versionierung und einer Einführung in Designsysteme. Am dritten Tag stehen UX/UI-Design, Prototyping und Interaktivität im Mittelpunkt, mit Themen wie Auto Layout, Varianten und Barrierefreiheit. Der vierte Tag vertieft fortgeschrittene Techniken, Plugins und Automatisierung und schließt mit gemeinsamen Praxisprojekten sowie einer offenen Fragerunde ab.

Schulungsinhalte

• Unterschiede zwischen Adobe XD und Figma, Vorteile von Figma
• Benutzeroberfläche, Lizenzmodelle, Account-Setup
• Shortcuts, Einstellungen, Personalisierung der Arbeitsumgebung
• Import & Konvertierung von Adobe XD-Dateien nach Figma (z. B. SVG, Tools wie Convertify/Magicul)
• Erste Projekte: Anlegen, Strukturieren, Navigieren in Figma
• Überblick wichtiger Figma-Community-Ressourcen (Templates, UI-Kits)
• Tipps zur Organisation und Verwaltung von Figma-Dateien
• Arbeiten mit Frames, Sections, Slices
• Werkzeuge: Toolbar, Werkzeugpalette, Text & Schriftarten, Vektorgrafiken
• Bilder und Assets importieren, Dateien exportieren
• Kollaboratives Arbeiten: Echtzeit-Feedback, Freigaben, Versionierung, Teamworkflows
• Einführung in Designsysteme und Komponentenbibliotheken
• Nutzung von Bibliotheken und Team-Ressourcen
• Effiziente Nutzung der Figma-Kommentarfunktion
• Präsentation von Entwürfen und Prototypen im Team
• Grundlagen UX/UI-Design, Design Thinking, Nutzerzentrierung
• Informationsarchitektur, Wireframing, visuelle Gestaltung
• Arbeiten mit Constraints, Grids, Auto-Layout für responsives Design
• Erstellen von interaktiven Prototypen, Benutzerflüsse, Animationen
• Einsatz von Varianten und Komponenten-Properties
• Accessibility: Barrierefreiheit in Figma berücksichtigen
• Testen und Validieren von Prototypen, Nutzerfeedback einholen
• Erweiterte Funktionen: Plugins, Automatisierung, Designsysteme skalieren
• Tipps und Tricks für effizientes Arbeiten in Figma
• Gemeinsame Praxisprojekte: Von der Idee zum Prototypen (Teamarbeit)
• Review, Feedback, Optimierung bestehender Projekte
• Zusammenarbeit mit Entwicklern: Übergabe, Spezifikationen, Code-Export, Inspect-Modus
• Erweiterte Exportfunktionen (z. B. SVG, PDF, PNG, CSS)
• Abschluss: Offene Fragerunde, Ausblick auf weiterführende Themen

Zielgruppe und Vorkenntnisse

Die Schulung richtet sich an Kreative, Mediengestalter:innen, Grafiker:innen, Designer:innen sowie Mitarbeitende aus Agenturen und Marketingabteilungen, die digitale Produkte gestalten oder ins UX-/UI-Design mit Figma einsteigen möchten. Auch Ein- und Umsteiger:innen sind willkommen. Grundkenntnisse im UX-Design sind von Vorteil, aber nicht zwingend erforderlich.

Dauer: 4 Tage

Inklusivleistungen:

Im Preis enthalten sind Ihr WissensPiloten-Zertifikat zum Download, Stift und Notizblock, sowie bei Schulungen in unseren Schulungszentren Mittagessen, kalte und warme Getränke und ein indiv. eingerichteter PC/Mac für jeden Teilnehmenden.

Förderung:

Bildungsscheck, andere Fördermöglichkeiten auf Anfrage.