Designsysteme, die eine Übergabe überstehen
Die meisten Designsysteme zerfallen, sobald die Designerin geht. Die überlebenden teilen eine einzige Quelle der Wahrheit mit dem Code — kein Bild davon.
Ein Designsystem, das nur in Figma lebt, ist Dokumentation. Es beschreibt, wie das Produkt aussehen sollte — und beschreibt es ab dem Tag der Übergabe mit abnehmender Genauigkeit.
Das Auseinanderdriften ist strukturell, kein Disziplinproblem. Entwickler bauen eine Komponente, eine Rundung wird angenähert, ein Abstandsschritt nach Augenmass gesetzt, eine Farbe aus der falschen Ebene kopiert. Nichts davon ist falsch genug, um es anzusprechen, und nach einem Jahr sind Datei und Produkt zwei verschiedene Produkte.
Die Lösung ist, Tokens zum gemeinsamen Artefakt zu machen. Farbe, Typografie, Abstände und Erhebung einmal definiert, aus derselben Quelle in Designwerkzeug und Codebasis exportiert. Ändert sich ein Token, bewegen sich beide, und keine Seite überträgt Werte von Hand.
Komponenten müssen dann zugeordnet statt beschrieben werden. Code Connect verknüpft eine Figma-Komponente mit der tatsächlichen Umsetzung, sodass eine Designerin beim Öffnen die Props sieht, die ein Entwickler verwenden wird. Das beseitigt das häufigste Übergabegespräch vollständig, weil es nichts zu interpretieren gibt.
Das letzte Stück ist Governance, und dagegen sträuben sich Kunden, weil es nach Prozess klingt. Jemand verantwortet das System, Beiträge laufen durch Review, und wer eine Sondervariante hinzufügen will, muss sie begründen. Ohne das wird ein System binnen zweier Releases zum Komponentenfriedhof.
Wir messen den Erfolg an einer einzigen Frage, ein Jahr später gestellt: Ist das Produkt vom System abgedriftet? Wenn ein Team, an das wir übergeben haben, ohne uns weiterhin darin ausliefert, hat es funktioniert.