Figmas KI-Agent klont Komponenten, wenn das Design-System nicht sauber verdrahtet ist

Figmas neuer Design Agent ist seit dem 20. Mai 2026 im Closed Beta unterwegs, und er soll Komponenten aus dem bestehenden Design-System bauen statt aus dem Nichts. Erste Praxisberichte zeigen: der Anspruch trägt nur, wenn das System sauber verdrahtet ist. Fehlt Code Connect, ein semantischer Token-Layer oder eine vollständige Zustands-Dokumentation, produziert der Agent Duplikate und erfundene Zustände statt anschlussfähiger Bausteine.

Was der Agent kann, wenn das System passt

Laut Figma-Blog nutzt der Agent die am häufigsten und zuletzt verwendeten Komponenten als Startpunkt. Über @mentions lassen sich einzelne Tokens, Variablen und Komponenten adressieren, so dass der Agent zielgenau die richtige Bibliothek greift. Im Bulk aktualisiert er Komponentenbeschreibungen, Tags und Use-Cases über ganze Libraries, standardisiert Naming-Konventionen und dokumentiert Zustände und Varianten. Zusammen mit dem separaten Design-QA-Agent soll er zusätzlich Abstände, Alignment, Farb- und Typografie-Abweichungen gegen das eigene System aufspüren.

Wo er stolpert

Designerin Christine Vallaure hat in einem viel beachteten Guide für das UX Collective die konkreten Bruchstellen benannt. Ihr Kernbefund: der Agent weiß nur, was das Design-System explizit hergibt. Ohne Code Connect erkennt er zwar den Button in Figma, hat aber keinen Bezug zu der Button-Komponente, die die Entwickler bereits im Code gebaut haben, und generiert jedes Mal einen neuen. Fehlt ein semantischer Token-Layer, rät der Agent bei der Intention, meist so falsch, dass es erst beim Deploy auffällt. Und wenn eine Komponente in der Bibliothek nur ihren Default-State dokumentiert hat, hält der Agent das für den einzigen Zustand: aus einer Star-Komponente ohne Hover- oder Rating-Varianten wird dann eine Bewertungs-Box, die sich schlicht nicht bedienen lässt.

Damit landet die Governance-Frage auf dem Tisch, die Vallaure explizit stellt: wer regiert, was der Agent erzeugt? Design-Systems driften auch ohne KI. Ein Agent, der laufend neue Varianten in ungeklärter Qualität in Bibliotheken schiebt, beschleunigt diesen Drift schneller, als Teams ihn reviewen können.

Beta-Zugang: nur zahlende Full-Seats

Der Agent ist bislang Full-Seat-Nutzern der Pläne Professional, Organization und Enterprise vorbehalten. Collab- und Dev-Seats dürfen ihn nur in Drafts benutzen, Starter, Education und Government sind ausgeschlossen. Während der Beta zählt der Agent nicht auf das AI-Credit-Budget, mit der General Availability sollen AI-Credits greifen. Konkrete Sätze nennt Figma dazu noch nicht.

Das Fazit

Der Agent ist kein Argument gegen ordentliche Design-System-Arbeit, sondern ein Verstärker davon. Wer Tokens sauber semantisch benannt, Komponenten mit allen Zuständen dokumentiert und die Brücke zur Code-Seite über Code Connect gebaut hat, bekommt echten Rückenwind. Wer den Agent hingegen auf ein unaufgeräumtes System loslässt, sammelt in wenigen Wochen dutzende Fast-Duplikate und darf danach aufräumen. Für Webdesign-Agenturen, die für ihre Kunden mit Figma arbeiten, wird die Systempflege damit vom Backoffice-Thema zum Verkaufsargument.

Wenn du regelmäßig Kunden finden willst, deren Websites eine Design-System-Investition rechtfertigen, hilft dir der findflix-Leitfaden zur Webdesign-Kundengewinnung.