Figma Design-Grundlagen

Werkzeuge, Formen und Ebenen

Ebenen erstellen

• Rahmen (Frames) in Figma
• Formwerkzeuge verwenden
• Bilder zu Designdateien hinzufügen
• Masken

Arbeit mit Ebenen

• Nutze Abschnitte, um deine Arbeitsfläche zu organisieren
• Layoutraster mit Rastern, Spalten und Zeilen erstellen

Auto-Layout verwenden

• Dynamische Designs mit Auto-Layout erstellen

Gestaltungselemente

Schriftarten

• Auf lokale Schriftarten auf deinem Computer zugreifen
• Schriftarten durchsuchen und anwenden
• Links in Text einfügen

Komponenten

• Einführung in Figma-Komponenten
• Eigenschaften von Komponenten entdecken

Variablen

• Variablen erstellen und verwalten

Bibliotheken

Bibliotheken verwenden

• Komponenteninstanzen erstellen und einfügen

Prototypen

Anleitungen

• Einführung in Prototyping in Figma
• Statusmanagement für Prototypen
• Videos zu Prototypen hinzufügen
• Prototyp-Aktionen

Prototypen erstellen

• Scroll- und Overflow-Verhalten bei Prototypen

Erweitertes Prototyping

• Mit Smart-Animation erweiterte Animationen erstellen
• Modi für Variablen in Prototypen
• Mehrere Aktionen und Bedingungen
• Ausdrücke in Prototypen verwenden
• Variablen in Prototypen verwenden

Dev Mode

Übersicht

• Leitfaden zu Dev Mode

Importieren und Exportieren

• Dateien in Figma importieren
• Sketch-Dateien importieren
• Aus Figma exportieren
• Exportformate und -einstellungen