Adobe Figma – Grundlagen

• Die Figma-Oberfläche mühelos zu navigieren.
• Designprojekte und Arbeitsbereiche einzurichten.
• Frames zu erstellen, zu ändern und zu positionieren.
• Die Prinzipien von Ebenen, Gruppierungen und Frames zu verstehen.
• Grundlegende Prototyping-Techniken umzusetzen.
• In Echtzeit mit anderen Teammitgliedern zusammenzuarbeiten.
• Assets für Entwickler und andere Stakeholder zu exportieren.

Start Figma Seminar  – Einführung in Figma

• Überblick & Geschichte
• Einrichten eines Kontos
• Figma Desktop vs. Figma Web
• Navigation in der Benutzeroberfläche
• Das Eigenschaftenfeld
• Das Ebenenfenster
• Werkzeugleisten und Verknüpfungen

Überblick über die Figma Benutzeroberfläche

• Kennenlernen des Toolbars:
• Die wichtigsten Werkzeuge, Einstellungen, Shortcuts
• Kennenlernen des linken Bedienfeldes:
• Layers und Pages, Assets, PlugIns
• Kennenlernen des rechten Bedienfeldes:
• Properties, Design, Prototype und Inspect.

Arbeiten mit Objekten

• Erstellen von Formen und Vektoren
• Manipulieren von Pfaden
• Verwendung des Stiftwerkzeugs
• Grundformen
• Kombinieren von Formen (Pathfinder)
• Erweiterte Vektoren mit dem Stift-Werkzeug

Typografie und Styling

• Arbeit mit Text
• Anwenden von Farben und Verläufen
• Verwendung von Effekten und Stilen
• Konsistente Gestaltung mit Rastern, Farben und Typografie
• Erste Schritte mit Rastern
• Hilfslinien und Layout-Raster
• Arbeiten mit Typografie, Farben und Effekten
• Auswählen einer Palette
• Effekte erstellen
• Stile kennenlernen
• Erstellen und Verwalten von Rasterstilen
• Erstellen und Verwalten von Textstilen
• Erstellen und Verwalten von Farb- und Effektstile

Erstellung interaktiver Prototypen

• Verlinken von Frames
• Übergänge und Animationen
• Teilen und Vorschau

Zusammenarbeit und Teilen

• Kommentieren und Feedback geben
• Echtzeit-Zusammenarbeit
• Designs exportieren