Figma Basics

Einstieg in Figma und UI-/UX-Grundlagen

• Grundlagen von UX-/UI-Design
• Design-Trends und typische Workflows
• Accounts, Drafts, Projects und Files
• Desktop-Version und Web-Version
• Benutzeroberfläche und Arbeitsbereiche
• FigJam im Überblick
• Figma Buzz, Sites und Maker
• Figma-Community gezielt nutzen

Zeichnen, Strukturieren und Gestalten

• Tools, Layers und Properties-Panel
• Grundformen und Vektoren erstellen
• Formen mit Boolean Groups kombinieren
• Pages sinnvoll strukturieren
• Textgestaltung in Figma
• Farben und Verläufe anwenden
• Effekte und visuelle Stile
• Assets erstellen und teilen

Layout, Komponenten und Styles

• Buttons und Components aufbauen
• Hilfslinien und Layout-Raster
• Frames gezielt einsetzen
• Auto-Layout für flexible Designs
• Text-Styles und Color-Styles
• Effect-Styles und Layout-Guide-Styles
• Konsistente Gestaltung mit Styles

Wireframes, Interaktionen und Prototyping

• Wireframing in Figma
• Interaktionen zwischen Frames
• Frames miteinander verlinken
• Übergänge und Animationen
• Klickbare Prototypen erstellen
• Preview-Mode und Present-Mode

Zusammenarbeit, Freigabe und Übergabe

• Kommentieren und Feedback geben
• Echtzeit-Zusammenarbeit im Team
• Sharing und Berechtigungen verwalten
• Version History und Rollbacks
• Developer-Mode für Übergaben
• Designs und Elemente exportieren
• Unterstützte Exportformate
• Figma Mirror im Workflow

Workflow, Plug-ins und Best Practices

• Empfehlungen für den Daily Workflow
• Hilfreiche Figma-Shortcuts
• Must-have Plug-ins auswählen
• Tipps für effizientes Arbeiten
• Wiederverwendbare Assets organisieren

• Allgemeine Computerkenntnisse und sicherer Umgang mit Browser oder Desktop-Anwendungen
• Keine Vorkenntnisse in Figma erforderlich
• Keine Designerfahrung notwendig
• Interesse an UI-/UX-Design, Prototyping oder digitaler Zusammenarbeit

• Einsteigerinnen und Einsteiger im UX-/UI-Design, die digitale Oberflächen, Wireframes oder Prototypen mit Figma erstellen möchten
• Projektmanagerinnen und Projektmanager, Product Owner und Teamleads, die Design-Abstimmungen, Feedback-Schleifen und Übergaben besser begleiten wollen
• Marketing- und Kommunikationsprofis, die Kampagnen, Landingpages, Social-Media-Assets oder Präsentationsentwürfe in Figma vorbereiten
• Mitarbeiterinnen und Mitarbeiter aus Web-Projekten, Redaktion oder Produktentwicklung mit Bezug zu Webentwicklung und Webdesign