Figma Specs und code layers gehen auf der Config India in die offene Beta

Figma hat code layers und eine neue Funktion namens Specs am 15. Oktober 2026 in die offene Beta gebracht. Das geschah auf Figmas erster Config-Konferenz in Indien. Code layers bringt funktionierenden Code auf den Figma-Canvas, direkt neben die Designs. Specs gibt Teams ein gemeinsames Markdown-Dokument, das Menschen und KI-Agenten gleichermaßen lesen können. Zusammen verlagern sie einen größeren Teil des Wegs vom Design zum ausgelieferten Code in Figma hinein.

Code layers: funktionierender Code auf dem Canvas

Mit code layers können Teams code-gestützte Prototypen auf dem Canvas bauen und gemeinsam daran arbeiten, heißt es in Figmas Ankündigung. Die Funktion ist für alle Tarife in der offenen Beta.

Teams können bei null anfangen oder eine unterstützte Prototyping-Codebasis aus GitHub oder einem lokalen Ordner importieren. Aus GitHub importierter Code bleibt mit dem Repository verbunden. Eine Figma-Erweiterung für Chrome kann eine live geschaltete Webseite als code layer erfassen.

Designteams können einen code layer verfeinern, indem sie dem Figma-Agenten Prompts geben, Kommentare hinzufügen oder den Code direkt bearbeiten. Ein Werkzeug namens Extract designs verwandelt die Bildschirme zurück in bearbeitbare Figma-Frames. Änderungen lassen sich in einen Git-Branch pushen und in einem Pull Request prüfen, bevor sie gemergt werden.

Code layers verbraucht KI-Credits, sagt Figma. Das Erstellen und Bearbeiten von code layers ist in kostenpflichtigen Tarifen bis zum 4. November 2026 kostenlos. Figma hatte code layers erstmals im Juni in einer privaten Beta angekündigt, berichtet TechCrunch.

Specs: Markdown auf dem Canvas

Specs ist ein Container für Markdown. Markdown ist ein Klartextformat mit einfachen Zeichen für Überschriften und Listen. Ein Spec liegt auf dem Canvas, und mehrere Personen können ihn gleichzeitig bearbeiten. Vorhandene .md-Dateien lassen sich auf den Canvas ziehen und werden so zu Specs.

Ein Spec kann neben seinem Text FigJam-Boards, Design-Frames und andere Canvas-Elemente enthalten. Agenten können auf Kommentare innerhalb eines Specs antworten. Specs lassen sich außerdem über Figmas MCP-Server an Coding-Agenten senden. MCP, das Model Context Protocol, ist ein Standard, über den sich KI-Werkzeuge mit anderer Software verbinden.

Specs ist in der offenen Beta für alle kostenpflichtigen Tarife verfügbar, im Web, auf dem Desktop und mobil.

Regeln für Agenten und mehr MCP-Partner

Die übrigen Updates sollen dafür sorgen, dass Agenten die Designregeln eines Teams befolgen, Figmas eigener wie externe. Laut dem Beitrag von Figma-CEO Dylan Field erscheinen sie in unterschiedlichen Phasen:

Funktion	Was sie macht	Status
Code layers	Code-gestützte Prototypen auf dem Canvas	Offene Beta, alle Tarife
Specs	Gemeinsame Markdown-Dokumente auf dem Canvas	Offene Beta, kostenpflichtige Tarife
Guidelines	Designregeln, die der Agent befolgt	Offene Beta, kostenpflichtige Tarife
Code sources	Bindet GitHub-Repos oder npm-Pakete ein	Geschlossene Beta, kostenpflichtige Tarife
System map und System check	Werkzeuge zur Verwaltung eines Designsystems	Vorschau
Payload in Figma	Datengestützte Websites, gebaut mit Figma Make	Alle Tarife, Einführung in den kommenden Wochen
Figma MCP	20 neue Partnerintegrationen	Jetzt verfügbar

Zu den MCP-Partnern gehören OpenCode, Dia, Junie by JetBrains und Meta Muse, sagt Figma. TechCrunch nennt außerdem Grok Bot und Sarvam. Figmas eigener Agent wurde laut den Release Notes des Unternehmens am 6. Oktober allgemein verfügbar.

Payload ist das Content-Management-System, das Figma im vergangenen Jahr gekauft hat, berichtet TechCrunch. Laut Figma haben sich die Downloads von Payload in den vergangenen 12 Monaten versechsfacht.

Warum Indien

Indien ist Figmas größter Markt außerhalb der USA, berichtet TechCrunch. Vierzig Prozent der 100 größten an der Bombay Stock Exchange notierten Unternehmen nutzen Figma, heißt es dort weiter.

„Heute werden 17-mal mehr Codezeilen produziert als in der Vergangenheit“, sagte Loredana Crisan, Chief Design Officer von Figma, gegenüber TechCrunch. Crisan argumentierte, dass ein großer Teil dieses Codes geschrieben wird, um Ideen zu erkunden, nicht um ausgeliefert zu werden.

Was das für Entwickler bedeutet

Für Engineering-Teams, die in Figma mit Designteams zusammenarbeiten:

• Prototypen als echten Code erwarten. Code layers können in einem GitHub-Repository liegen und Änderungen als Pull Requests senden. Legen Sie jetzt fest, wer diese Pull Requests prüft und in welche Branches Designteams pushen dürfen.
• Regeln einmal aufschreiben. Guidelines und Specs geben Agenten eine schriftliche Quelle für Designregeln. Teams mit einem Designsystem sollten dessen Regeln dort festhalten. So folgen Figmas Agent und externe Coding-Agenten denselben Mustern.
• Den eigenen Coding-Agenten anbinden. Der Figma-MCP-Server deckt jetzt code layers, Specs und visuelle Assets ab. Wenn Sie bereits einen MCP-fähigen Coding-Agenten nutzen, testen Sie, einen Spec hineinzuziehen, bevor Sie nach Screenshots bauen.
• Nach dem 4. November den Credit-Zähler im Blick behalten. Code layers laufen auf KI-Credits. Der kostenlose Zeitraum in kostenpflichtigen Tarifen endet am 4. November 2026. Verfolgen Sie daher den Verbrauch während der Beta, um die Kosten abzuschätzen.