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
