Die meisten Teams, die uns anrufen, haben bereits ein Designsystem. Sie haben Komponenten in Figma, sie haben eine Farbpalette, sie haben sogar Tokens. Und trotzdem sieht die zehnte Seite anders aus als die erste.
Komponenten sind das Ergebnis, nicht das System
Ein System besteht aus drei Teilen: den Bausteinen, den Regeln, wann welcher Baustein gilt, und der Instanz, die entscheidet, wenn zwei Regeln sich widersprechen. Fehlt der dritte Teil, wächst die Bibliothek, aber die Konsistenz sinkt.
Praktisch heißt das: Jede Komponente braucht eine Beschreibung, wofür sie gedacht ist, und wofür ausdrücklich nicht. Ohne diesen Satz entsteht bei jedem neuen Anwendungsfall eine Variante.
Der Test
Nehmen Sie eine Funktion, die an drei Stellen im Produkt vorkommt. Sieht sie dreimal gleich aus, haben Sie ein System. Sieht sie dreimal ähnlich aus, haben Sie eine Sammlung.
