Slides

HAWK SS25 Design Systeme (PDF)

Design Systeme in Figma

Einstieg

Klein anfangen: Schriften, Farben, Abstände und ein paar Basiskomponenten definieren. Dann schnell ein paar “Key Screens” damit zusammenbauen und mit Prototypen testen (innerhalb des Teams oder mit Freund:innen), um schnelles Feedback zu bekommen.

Beispiele

Simple Design System von Figma – Ein schlankes, offizielles Starterkit.

Duolingo Design System – Community-Nachbau des Duolingo Design Systems als Referenz für ein durchdachtes, verspieltes System.

Aufgabe

1. Mit Figma Libraries und Prototyping Basics vertraut machen, um diese für Credit Pulse einzusetzen
2. Einen ersten Prompt für den eigenen Credit Pulse Ansatz mit Figma Make ausprobieren
3. Iterieren, bis ein teilbares Ergebnis entsteht