MCPKI-AgentenFigma

Figma Specs gibt KI-Agenten zentrale Designregeln

Figma führt mit Specs eine zentrale, Markdown-basierte Referenz für Designregeln ein, die sowohl Teams als auch KI-Agenten nutzen können. Ergänzt wird das System durch programmierbare Prototypen, weitere MCP-Anbindungen und die Integration des Open-Source-CMS Payload.

Figma Specs gibt KI-Agenten zentrale DesignregelnBild: KI-generiert

Figma bündelt Designkontext für Menschen und Agenten

Figma erweitert seine Plattform um Figma Specs. Der neue Markdown-Editor soll Designregeln, Komponenten und technische Vorgaben an einer zentralen Stelle dokumentieren. Diese Informationen stehen nicht nur Produktteams, sondern auch den KI-Agenten von Figma und angebundenen Drittanbietern als Kontext zur Verfügung.

Specs lassen sich als eigenständige Datei oder direkt innerhalb einer Figma-Arbeitsfläche anlegen. Neben Text können Teams bestehende Designs, Elemente aus dem Canvas, FigJam-Diagramme, Code-Ebenen und weitere Referenzen einbetten. Auch Designbibliotheken, Codebibliotheken und interne Richtlinien lassen sich einbinden.

Figma Specs ist keine Garantie für identische KI-Ergebnisse. Die Funktion schafft aber eine gemeinsame Referenz, an der sich Menschen und Agenten bei Gestaltung und Umsetzung orientieren können.

Mehr Kontrolle über nicht-deterministische KI

Generative KI arbeitet nicht-deterministisch. Selbst bei ähnlichen Eingaben können unterschiedliche Ergebnisse entstehen. Für Unternehmen wird das spätestens dann problematisch, wenn ein Agent Farben, Abstände, Komponenten oder technische Konventionen eigenständig interpretiert.

Figma versucht dieses Problem über zusätzlichen Kontext zu begrenzen. Statt Designvorgaben bei jedem Auftrag erneut in einen Prompt zu schreiben, können sie dauerhaft in Specs hinterlegt werden. Das reduziert Wiederholungen und erleichtert die Pflege, ersetzt aber weiterhin keine Prüfung der erzeugten Ergebnisse.

Die wichtigsten Neuerungen im Überblick

FunktionStatusZweck
Figma SpecsNeu angekündigtZentrale Dokumentation von Designregeln für Teams und KI-Agenten
Code LayersOffene BetaInteraktive Prototypen mit direkt eingebettetem Code
MCP-AnbindungenMehr als 20 neue WerkzeugeAustausch von Kontext mit externen KI-Werkzeugen und Agenten
Payload-IntegrationIntegration in Figma MakeErzeugung dynamischer Websites und direkte Verwaltung von Inhalten

Code Layers verbindet Prototyp und Programmcode

Parallel öffnet Figma seine Code-Layers-Funktion für eine breitere Nutzergruppe. Die bisher geschlossene Testphase wird zu einer öffentlichen Beta. Damit lässt sich Programmcode direkt in Designs einbauen, um realistischere und interaktive Prototypen zu erstellen.

Ein Agent kann dabei einen Entwurf in Code überführen oder einzelne Teile des Codes verändern. Figma rückt damit weiter in Richtung Softwareentwicklung. Eine ähnliche Entwicklung zeigt sich bei Shopify Canvas, das Onlineshops per KI-Chat erstellt.

Für Unternehmen kann das frühe Tests beschleunigen und Abstimmungen zwischen Design und Entwicklung verkürzen. Gleichzeitig steigt das Risiko, dass experimenteller Code unkontrolliert in produktive Systeme gelangt. Klare Freigaben, automatisierte Tests und Code-Reviews bleiben deshalb notwendig.

MCP öffnet Figma für weitere KI-Werkzeuge

Figma unterstützt nach eigenen Angaben mehr als 20 zusätzliche Werkzeuge über das Model Context Protocol, kurz MCP. Der offene Standard regelt, wie KI-Anwendungen auf externe Daten, Funktionen und Werkzeuge zugreifen. Zu den genannten Integrationen gehören Open Code, Dia, Meta Muse und Sarvam.

Die Erweiterung verbessert die Austauschbarkeit zwischen Figma und externen Agenten. Gleichzeitig entsteht eine zusätzliche Berechtigungs- und Sicherheitsfläche. Bereits bekannte MCP-Sicherheitslücken bei internen KI-Agenten zeigen, dass Unternehmen Zugriffsrechte, übertragene Daten und freigegebene Werkzeuge genau begrenzen müssen.

Auch die technische Effizienz solcher Verbindungen ist relevant, weil umfangreicher Kontext die Token-Kosten erhöhen kann. Ansätze wie Pi 1.0 mit reduziertem MCP-Token-Overhead verdeutlichen, dass Kontextverwaltung nicht nur eine Qualitätsfrage, sondern auch ein Kostenfaktor ist.

Payload verbindet Design und Inhaltsverwaltung

Außerdem integriert Figma das zuvor übernommene Open-Source-Projekt Payload in Figma Make. Payload ist ein Headless-CMS, bei dem Inhalte über Schnittstellen bereitgestellt werden und nicht fest an eine bestimmte Website-Oberfläche gebunden sind. Damit sollen sich dynamische Websites erzeugen und deren Inhalte direkt verwalten lassen.

Nach Angaben von Figma sind die Downloads von Payload innerhalb von zwölf Monaten auf das Sechsfache gestiegen. Die Open-Source-Basis kann Unternehmen grundsätzlich mehr Kontrolle über Betrieb, Anpassungen und Datenhaltung geben. Entscheidend bleibt jedoch, wie eng Figma die praktische Nutzung an eigene Cloud-Dienste und kostenpflichtige Tarife bindet.

Was die Änderungen für Unternehmen bedeuten

Figma entwickelt sich von einem Designwerkzeug zu einer Plattform, auf der Produktteams Anforderungen dokumentieren, Prototypen programmieren und Agenten steuern. Das kann Übergaben zwischen Design, Entwicklung und Inhaltsverwaltung vereinfachen. Gleichzeitig wächst die Abhängigkeit von einer Plattform, die immer mehr Schritte des Produktprozesses zusammenführt.

Für Unternehmen im DACH-Raum sind daher neben der Produktivität auch Datenschutz, Rollenmodelle und Exportmöglichkeiten relevant. Designbibliotheken, Quellcode und interne Richtlinien können vertrauliche Informationen enthalten. Vor einer breiten Einführung sollte geklärt werden, welche Daten Agenten erhalten, wo diese verarbeitet werden und ob Specs sowie Code-Artefakte vollständig in andere Systeme übertragbar bleiben.