Detaillierte Informationen zum Seminar
Inhalte:
Figma – professionelles UI- & UX-Design: Grundlagen und Vertiefung
In dieser viertägigen Schulung lernen Sie, Figma als cloudbasiertes Design-Tool professionell einzusetzen. Von den ersten Schritten in der Benutzeroberfläche bis zu fortgeschrittenen Techniken wie Auto Layout, Varianten und Plugins – Sie erarbeiten sich praxisnah alle Kompetenzen, um moderne UX/UI-Designs für Websites, Apps und digitale Produkte zu gestalten. Dabei stehen kollaboratives Arbeiten, der Aufbau von Designsystemen und die Erstellung interaktiver Prototypen im Mittelpunkt. Grundkenntnisse im UX-Design sind von Vorteil, aber nicht erforderlich.
Schulungsinhalte
- Tag 1: Einstieg, Umstieg & Figma-Grundlagen
- 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
- Tag 2: Basis-Design & Kollaboration
- 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
- Tag 3: UX/UI-Design, Prototyping & Interaktivität
- 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
- Tag 4: Fortgeschrittene Techniken, Best Practices & Praxisprojekte
- 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
Dauer/zeitlicher Ablauf:
Nach Vereinbarung
Teilnahmevoraussetzungen:
Grundkenntnisse in UX-Design von Vorteil, aber nicht zwingend erforderlich.
Lehrgangsverlauf/Methoden:
Schulung im Kreis der Mitarbeitenden aus Ihrem Unternehmen: in Absprache mit Ihnen als individuelle Schulung nach Ihren Bedürfnissen.
Material:
Im Preis enthalten sind Ihr WissensPiloten-Zertifikat zum Download, Stift und Notizblock
Förderung:
Bildungsscheck, andere Fördermöglichkeiten auf Anfrage
Zielgruppe:
Diese Schulung richtet sich an Kreative, Mediengestalter:innen, Grafiker:innen, Designer:innen, Mitarbeitende aus Agenturen und Marketingabteilungen sowie alle, die digitale Produkte gestalten oder ins UX-/UI-Design mit Figma einsteigen möchten. Auch Ein- und Umsteiger:innen sind herzlich willkommen.
Seminarkennung:
ind-801117
