Figma hat auf seinem ersten Config-Event in Indien neue Funktionen vorgestellt, die die Integration von KI-Agenten und ausführbarem Code in die Design-Plattform erweitern.
Code Layers nun in Public Beta
Die im Juni 2026 zunächst in privater Beta gestartete Funktion „Code Layers“ steht ab sofort allen Nutzern in einer öffentlichen Beta zur Verfügung. Code Layers erlauben die direkte Integration von interaktivem, ausführbarem Code auf der Figma-Leinwand neben klassischen Design-Frames.
Nutzer können diese Layer aus Vorlagen, Textprompts, bestehenden Frames, importierten GitHub-Repositories oder lokalen Ordnern erzeugen. Der native Figma-Agent unterstützt die Code-Generierung und iterative Bearbeitung. Code Layers lassen sich bidirektional in bearbeitbare Figma-Ebenen umwandeln. Teams können kollaborativ auf derselben Ebene kommentieren und iterieren. Änderungen können zurück in ein Repository übertragen werden. Die KI-gestützten Tools innerhalb von Code Layers sind auf kostenpflichtigen Plänen verfügbar.
Figma Specs zur Steuerung von KI-Agenten
Figma führt „Specs“ ein – eine gemeinsame Markdown-basierte Referenz, die Designregeln und unterstützende Materialien für den eigenen Canvas-Agenten sowie für Drittanbieter-Agenten bereitstellt. Ziel ist eine vorhersehbarere Ausgabe der Agenten. Specs können als eigenständige Datei oder direkt auf der Leinwand platziert werden und Verweise auf Leinwandelemente, FigJam-Diagramme, Code Layers, Design- und Code-Bibliotheken sowie Richtlinien enthalten.
Erweiterte Agenten-Fähigkeiten
Der native Figma Agent agiert direkt auf der Leinwand, generiert UI aus Prompts, erkundet Stilvarianten, führt Massenbearbeitungen durch und synthetisiert Feedback. Er ist darauf ausgelegt, den Kontext eines Design Systems einschließlich Komponenten, Variablen und Tokens zu verstehen. Aufgaben können an Figma Make weitergeleitet werden, um interaktive Prototypen und Apps zu generieren und zu veröffentlichen.
Bereits im Juni auf der Config 2026 wurden „Agent Skills“ eingeführt, die repetitive Workflows in wiederverwendbare Aktionen umwandeln. Die Plattform unterstützt zudem über 20 externe Tools über MCP-Verbindungen.
Figma positioniert seine Leinwand als integrierte Umgebung für Designer, Entwickler und KI-Agenten, um den Übergang zwischen Design und Code strukturell zu festigen.
Quelle: TechCrunch AI
FAQ
Was sind Code Layers in Figma?
Code Layers sind interaktive, ausführbare Code-Ebenen, die direkt auf der Figma-Leinwand neben Design-Frames platziert werden können und bidirektional mit regulären Figma-Ebenen konvertierbar sind.
Wofür dienen Figma Specs?
Specs sind Markdown-basierte Referenzdokumente, die Designregeln und Kontext für den Figma Canvas-Agenten sowie Drittanbieter-Agenten liefern, um vorhersehbarere Ergebnisse zu fördern.
Auf welchen Plänen sind die KI-Funktionen für Code Layers verfügbar?
Die KI-Tools innerhalb von Code Layers stehen ausschließlich auf kostenpflichtigen Figma-Plänen zur Verfügung.