Termine:

• 20. Dezember 2024, 10:00 Uhr – Zoom (Meeting-ID: 6078076173, Kenncode noss)

Worum geht es?

In diesem Training befassen wir uns mit der systematisch Erstellung von Prototypen in Figma. Sobald die Kompexität der Screens und damit die Anzahl der benutzten Elemente zu nimmt, steigt auch die Gefahr, dass die Struktur des Projektes sich verschlechtert und irgendwann die Übersicht verloren geht.

Verstärkt wird die Problematik noch, wenn viele unterschiedliche Screens in dem Projekt hinzukommen und zu jedem Screen noch angepasste Screens für unterschiedliche Endgeräte oder Varianten.

Wir werden uns mit Konzepten, Techniken und Funktionen von Figma beschäftigen, die uns dabei helfen systematische, gut strukturierte und konsistente Prototypen zu erstellen.

Was muss ich mitbringen?

• sicherer Umgang in Figma

Figma Dokumentation

• Variables
• Styles
• Components

• Constraints

• Properties
• Autolayout
• Best practices: components, styles, and shared libraries

Readings

• How to construct a design system
• Was ist ein Design Token
• Naming Tokens in Design Systems
• Atomic Design
• Extending Atomic Design

Tools

• Figma Plugin - Color Shades & Tints Generator
• Color Designer

Übungen

In der heutigen Session soll folgende Aufgabe bearbeitet werden:

• Advanced Prototyping