Hauptgedanke

Die übliche Kette der Oberflächengestaltung verläuft in eine Richtung: man zeichnet einen Bildschirm in Figma, dann setzt ein Front-End-Entwickler ihn noch einmal um. Das Mockup ist eine Darstellung — es zeigt, was man erreichen will, und nichts davon ist direkt wiederverwendbar.

Der Status ändert sich, wenn das Design System aus dem Repository neu aufgebaut wird, statt daneben gepflegt zu werden: tatsächlich vorhandene Komponenten, tatsächlich behandelte Zustände, die Entwicklungskonventionen des Teams, fortlaufend aktualisiert, während sich das Repository weiterentwickelt. Das Mockup drückt dann keine Absicht mehr in einem Vokabular aus, das dem Code fremd ist, es setzt Elemente zusammen, die existieren. Was es hervorbringt, wird zu einer ersten Grundlage, die die Entwicklung übernehmen kann.

Die Verschiebung betrifft die Position in der Kette, nicht das Werkzeug. Figma bleibt hervorragend für die Gestaltung von Bildschirmen; was sich ändert, ist, was sein Ergebnis weiter hinten wert ist.

Warum das wichtig ist

Das ist der anschaulichste Fall der Umkehrung: Die Gestaltung gilt als der Schritt, der vom Code am weitesten entfernt ist, weil sie ihm vorausgeht. Zu zeigen, dass auch sie sich aus dem Repository speisen kann, heißt, dass die Grenze zwischen Konzeption, Implementierung und Dokumentation von beiden Enden her schrumpft.

Es verschiebt auch, worauf ein Designteam achten muss: Die Übereinstimmung zwischen Design System und Code zu halten wird wichtiger als die Qualität der Zeichnung selbst.

Nuancen und Grenzen

Ein aus dem Code abgeleitetes Design System sperrt die Gestaltung ins Bestehende ein. Es macht das Zusammensetzen von Bildschirmen aus bereits Implementiertem leicht und das noch nicht Existierende schwer — genau dort, wo Gestaltung am meisten wert ist.

Und der Neuaufbau nützt nur, wenn er gepflegt wird: Ein einmal abgeleitetes und dann liegen gelassenes Design System wird wieder zur Darstellung, mit zusätzlichem Rückstand gegenüber einem Mockup, das sich als solches versteht.

Offene Fragen

• Wie bewahrt sich eine Gestaltung, die vom Bestehenden ausgeht, die Fähigkeit, vorzuschlagen, was das Produkt noch nicht kann?