Was ist Token-Drift?
Token-Drift ist das allmähliche Auseinanderlaufen zwischen den im Designsystem festgehaltenen Entscheidungen und den Werten, die ein Produkt tatsächlich verwendet. Es entsteht, wenn eine Oberfläche - eine Figma-Datei, ein Stylesheet, KI-generierter Code - die gemeinsame Quelle nicht mehr referenziert und eigene Werte ansammelt.
Wie es anfängt
Drift kündigt sich nie an. Er kommt als kleine, für sich genommen vernünftige Entscheidungen.
Eine Designerin braucht für eine dichte Tabelle einen etwas helleren Rahmen und wählt ihn in der Datei, statt ein Token vorzuschlagen. Ein Entwickler liefert um elf Uhr abends margin-top: 18px, weil die Skala 16 und 20 kennt und beides nicht passt. Jemand kopiert eine Komponente aus einem anderen Projekt samt ihrem fest verdrahteten Schatten.
Nichts davon rechtfertigt es, einen Pull Request zu blockieren. Sechs Monate davon ergeben eine Codebasis, in der das "primäre Blau" vier Werte hat.
Die Beschleunigung durch KI
Das ist zuletzt schneller geworden, und es lohnt sich, präzise zu sein, warum.
Ein KI-Assistent, der eine Einstellungsseite bauen soll, hat standardmäßig keinerlei Zugriff auf dein Designsystem. Er erzeugt plausible Werte aus dem, was er anderswo gesehen hat: #3B82F6 als Primärfarbe, 16px als Abstand, einen Schatten, der deinem ähnelt, ohne ihm zu entsprechen.
Das Ergebnis sieht im Review korrekt aus. Es benutzt vernünftige Werte. Nur eben andere vernünftige Werte als deine - und zwar in dem Tempo, in dem dein Team Code erzeugt, was deutlich schneller ist, als ein Mensch CSS von Hand schreibt.
Wie man ihn erkennt
- Suche in der Codebasis nach Hex-Farben. In einem gesunden System liegen fast alle in den Token-Definitionen.
- Zähle die verschiedenen verwendeten Abstandswerte gegen die Stufen deiner Skala.
- Vergleiche die Farben in der Figma-Datei mit den Tokens im Repository.
- Nimm eine von einer KI erzeugte Komponente und prüfe jeden Wert gegen das System.
Die Zahlen fallen meist schlechter aus, als das Team erwartet - und das ist etwas, das man früh wissen will.
Wie man ihn verhindert
Mache das System von jeder Oberfläche aus erreichbar, die es konsumiert. Drift ist überwiegend ein Verteilungsproblem. Wenn ein Mensch oder ein Modell seine Arbeit unterbrechen muss, um den richtigen Wert zu finden, wird das manchmal unterbleiben.
Gib Agenten die Tokens direkt. Ein Model-Context-Protocol-Server, der aktuelle Werte liefert, sorgt dafür, dass ein Modell dein Primärblau liest, statt es zu erraten.
Prüfe erzeugten Code gegen das System. Fest verdrahtete Werte zu erkennen, für die es ein Token gibt, macht Drift im Review sichtbar, statt ihn ein Jahr später zu entdecken.
Lege fest, welche Richtung maßgeblich ist. Wenn Figma und Code sich widersprechen, muss jemand sagen können, was gilt. Ein Review-Schritt, in dem eine Designänderung zu einem Diff wird, das ein Mensch freigibt, bevor es das Repository erreicht, ist die übliche Antwort.
Wo Flash DSM hier steht
Flash DSM liefert aktuelle Tokens per MCP an KI-Agenten, bietet ein check_violations-Werkzeug, das fest verdrahtete Werte samt ersetzendem Token zurückgibt, und macht aus Figma-Publishes prüfbare Diffs, die als Pull Requests aufgehen.