Figma Seminar (für Fortgeschrittene)

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

Grundkenntnisse in Figma, die z.B. in unserer Figma Grundlagen: Einführung in digitales Design Schulung erworben werden können.

Unser Figma Seminar (Aufbau) richtet sich an

• Designer 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.