Figma Basics

Einführung

• Grundlagen von UX- / UI-Design & Design Trends
• Basic Knowledge: Accounts, Drafts, Projects & Files
• Desktop vs. Web-Version
• Einführung in die Benutzeroberfläche
• FigJam (kurzer Überblick)
• Figma Buzz, Figma Sites & Maker
• Erkunden der Figma-Community

Arbeiten in Figma Design

• Tools, Layers & Properties-Panel
• Erstellen von Grundformen & Vektoren
• Kombinieren von Formen (Boolean Groups)
• Sinnvoller Einsatz von Pages
• Arbeit mit Text
• Anwenden von Farben und Verläufen
• Verwendung von Effekten und Stilen
• Erstellen & Teilen von Assets
• Buttons & Components
• Hilfslinien und Layout-Raster
• Frames & Autolayout
• Unverzichtbares Arbeiten mit Styles (Text-, Color-, Effect- & Layout-Guide-Styles)

Interaktivität

• Prototyping
• Wire-Framing & Interaction
• Verlinken von Frames
• Übergänge & Animationen

Ausgabe, Zusammenarbeiten, Teilen

• Unterstützte Formate
• Version History & Roll-Backs
• Kommentieren & Feedback geben
• Echtzeit-Zusammenarbeit
• Prototyping
• Sharing & Verwalten von Berechtigungen
• Wichtige Unterschiede zwischen Preview- und Present-Mode
• Developer-Mode
• Designs & Elemente exportieren
• Figma Mirror

Bonus

• Best Practices & Empfehlungen
• Hilfreiche Shortcuts
• Must-Have PlugIns
• Tipps & Tricks für den Daily Workflow