Figma – Aufbau
Erlernen Sie fortgeschrittene Funktionen in Figma und erstellen Sie professionelle UI- und Designprojekte
Erweitern Sie Ihre Figma-Kenntnisse mit unserem intensiven Figma Seminar (Aufbau) – tauchen Sie tief in fortgeschrittene Designsysteme, Komponenten und kollaborative Prozesse ein, um komplexe, skalierbare und konsistente Designprojekte zu erstellen. Erlangen Sie im Figma Seminar die fortgeschrittenen Fähigkeiten, die Sie benötigen, um ein Experte zu werden und Ihre Designprojekte auf beispiellose Höhen zu bringen.
Lernziele
- Entwicklung komplexer Designsysteme und strukturierter Bibliotheken
- Sicherer Einsatz von Komponenten, Varianten und Constraints
- Umsetzung fortgeschrittener Prototyping‑Techniken für interaktive Konzepte
- Optimierung von Designs für eine effiziente Übergabe an Entwicklungsteams
- Nutzung von Plugins und Erweiterungen zur Verbesserung von Design‑Workflows
Kursinhalte
- Fortgeschrittene Designsysteme in Figma
- Erstellen eines skalierbaren Designsystems
- Organisation von Bibliotheken und Assets
- Konsistenz und Wiederverwendbarkeit
- Strukturierung von Moodboards, Personas und User Flows innerhalb von FigJam
- Zusammenarbeit in FigJam (Miro)
- Erstellen von Moodboards und Personas in FigJam
- Recherchephase -> Design Thinking
- Erstellen von Benutzer-Personas
- Erstellen von Benutzerabläufen in FigJam
- Komponenten, Responsive Design
- Definition von Hauptkomponenten
- Verwendung von Instanzen und Überschreibungen
- Einrichtung eines responsiven Designs
- Responsive Design kennenlernen
- Breakpoints einführen
- Einführung in Auto-Layout
- Hinzufügen, Entfernen und anordnen von Elementen
- Auto-Layout Layout verschachteln
- Erstellen eines responsiven Layouts mit Auto-Layout
- Gestalten einer Schaltfläche
- Prototyping von komplexen Designs
- Fortgeschrittene Interaktionen
- Komponentenzustände und Varianten
- Mobiles, Desktop- und plattformübergreifendes Design
- Prototyping mit Übergängen, Smart Animate und interaktiven Komponenten
- Transitions und Triggers
- Zwischen Frames navigieren
- Animieren mit Smart Animate
- Strukturierung interaktiver Komponenten
- Erstellen von interaktiven Komponenten
- Erstellen von interaktiven Overflows und Overlays
- Elemente scrollbar machen
- Testing mit Figma
- Testen und Freigeben des Prototyps auf Browsern und echten Geräten
- Ausführen des Prototyps auf dem Desktop/im Web
- Ausführen des Prototyps auf einem Smartphone/Tablet
- Freigeben des Prototyps mit anderen teilen
- Verknüpfen des Prototyps und Verwalten von Berechtigungen
- Einbetten des Prototyps
- Arbeiten mit Feedback und Bewertungen
- Erweiterte Benutzertests
- Integration und Übergabe
- Verwendung von Figma Mirror
- Vorbereitung von Designs für Entwickler
- Exporteinstellungen für verschiedene Plattformen
- Exportieren von Assets und Verwalten des Übergabeprozesses
- Exportieren aus Figma
- Unterstützte Formate
- Export von Einzel- und Mehrfach-Assets
- Vom Entwurf zum Code
- Übergabe des Projekts für die Entwicklung
- Dokumentieren, wiederholen und Verbessern
- Workflow-Optimierung mit Plugins
- Erkunden der Figma-Community
- Installieren und Nutzen von Plugins
- Best Practices und Empfehlungen
- Nützliche Ressourcen finden
- UI-Kits und Gestaltungssysteme
- Installieren und Verwalten von Plugins
- Zusammenarbeit und Feedbackschleifen
- Fortgeschrittene Zusammenarbeitstechniken
- Sammeln und Integrieren von Feedback
- Versionshistorie und Rollbacks
- Fortgeschrittene Designsysteme in Figma
Zielgruppe
- Designer:innen mit Grundkenntnissen in Figma, die ihre Fähigkeiten erweitern möchten
- Teams, die Figma als ihr primäres Design- und Prototyping-Tool einführen möchten
- Fachleute, die einen nahtlosen Übergang zwischen Design und Entwicklung anstreben
Voraussetzungen
Grundkenntnisse in Figma
Buchen Sie Ihren Termin
Alle Preise zzgl. MwSt.
Angebot einholen
Ihr individuelles Kursangebot
Kostenvoranschlag
Unverbindlich herunterladen
Training Services
Services zu Ihrem Seminar
