Wo Designs entstehen — und wie wir sie sauber an Code übergeben. Variables, Auto-Layout, Branching.
Kategorie · Frontend & UI
Wo Designs entstehen.
Figma ist das kollaborative Design-Tool, das im Browser läuft und an dem mehrere Menschen gleichzeitig arbeiten. Für uns ist es nicht nur ein Zeichenwerkzeug, sondern die Brücke zwischen Design und Umsetzung.
Auto-Layout bildet Flexbox-Verhalten ab, Variables definieren Design-Tokens, und Branching erlaubt Design-Stände parallel zur Entwicklung.
Sauber an Code übergeben.
Der Wert entsteht im Handover. Wenn Figma-Variables und die Tokens im Code dieselben Werte tragen, wird aus dem Design kein Interpretationsspielraum, sondern eine Vorlage, die 1:1 in Komponenten übersetzbar ist. Auto-Layout macht klar, wie sich ein Element bei verschiedenen Größen verhält.
Was ein Tool nicht löst.
Figma erzeugt keinen produktionsreifen Code, und exportierte Layouts ersetzen kein durchdachtes Komponentenmodell. Ohne disziplinierte Benennung von Variables und Components wird auch eine schöne Datei zur Übergabe-Hürde.