Figma präsentiert neue Funktionen zur Integration von Design, Code und KI auf der Config 2026

Auf der diesjährigen Config 2026 präsentierte Figma eine Reihe bedeutender Neuerungen, die darauf abzielen, die Design-Leinwand zu einem umfassenden Arbeitsbereich für Code, Motion, Tiefe und KI-gestützte Effekte zu transformieren. Im Zentrum dieser Strategie steht die Stärkung des menschlichen Urteilsvermögens im Designprozess, während die zugrundeliegende KI-Technologie weiterhin von Drittanbietern bezogen wird. Diese Ausrichtung erfolgt in einem Umfeld, in dem externe KI-Modelle zunehmend Kosten verursachen und gleichzeitig von Anbietern stammen, die selbst zu Wettbewerbern werden.

Die erweiterte Figma-Leinwand: Code, Motion und 3D

Die Config 2026 markiert eine signifikante Erweiterung der Funktionalitäten von Figma. Das Unternehmen, dessen Produkte nach eigenen Angaben von 95 Prozent der Fortune-500-Unternehmen genutzt werden, reagiert damit auf die rapide Entwicklung generativer KI-Tools. Diese Tools ermöglichen es, Benutzeroberflächen, Texte und Code kostengünstig zu erzeugen. Um in diesem dynamischen Umfeld weiterhin Relevanz zu besitzen und sich von generischen KI-Outputs abzuheben, bietet Figma den Designern nun erweiterte Werkzeuge an, die eine präzisere Kontrolle über das Endergebnis ermöglichen.

Code Layers: Vereinigung von Design und Entwicklung

Ein zentrales Element der Neuerungen sind die Code Layers. Bereits im Vorjahr führte Figma mit "Figma Make" Code auf die Leinwand ein. Die aktuelle Weiterentwicklung ermöglicht es nun, Produktionscode eines Teams direkt in Figma zu integrieren und Änderungen über Branches, Commits und Pull Requests abzuwickeln, ohne die Entwicklungsumgebung verlassen zu müssen. Mit Code Layers existieren Design und Code im selben Arbeitsbereich. Benutzer können Code aus einem Design generieren, über einen Agenten anpassen oder ein Repository von GitHub importieren. Diese Layers erlauben es, bearbeitbare Design-Layers aus Code zu erstellen, direkt anzupassen und wieder in Code umzuwandeln. Figma betont, dass diese Geschwindigkeit der Iteration derjenigen im reinen Designprozess entspricht.

Motion und 3D: Dynamik und Tiefe im Design

Ein weiterer Fokus liegt auf der Integration von Bewegungselementen. Animationen, Übergänge und Timelines, die bisher externe Tools erforderten, sind nun Teil des Designsystems. Sie können kollaborativ bearbeitet, über einen Agenten generiert und bis zur Produktion über den Dev Mode und MCP (Motion Content Platform) durchgereicht werden.

Ergänzend dazu führt Figma eine Tiefen-Ebene mit 3D-Transformationen ein. Während räumliche Tiefe in Benutzeroberflächen oft durch gestapelte Schatten simuliert wurde, können Designer nun Perspektiven direkt gestalten.

Shader-Effekte und Weave-Integration

Die neue Shader-Funktion nutzt WebGPU, um Effekte wie Dithering, Pixelation und verschiedene Arten von Unschärfe zu ermöglichen, sowie Oberflächen wie mattiertes Glas oder poliertes Chrom. Diese Effekte, die früher spezialisiertes Grafikprogrammierwissen erforderten, können nun über einen Agenten durch Beschreibungen generiert und mit einstellbaren Kontrollen angepasst werden.

Zudem integriert Figma Weave, das im Vorjahr erworbene Workflow-System, als "KI-Material". Weave ermöglicht es Teams, verschiedene Modelle und Bildquellen zu einem kohärenten Design zu kombinieren. Über 20 Weave-Tools sind ab sofort auf der Leinwand verfügbar, mit einer vollständigen Integration im Laufe des Jahres. Ziel ist es, Marken- und Produktteams einen gemeinsamen Arbeitsbereich zu bieten.

Die übergeordnete Idee hinter diesen Funktionen ist, dass KI nicht einfach ein fertiges Ergebnis liefern soll, das entweder akzeptiert oder neu promptet wird. Stattdessen soll KI ein Werkzeug sein, das kontinuierlich angepasst und verfeinert werden kann, wobei die Ergebnisse im Team geteilt werden können.

Kollaboration im Zeitalter der KI: Geteilte Prompts und Tools

Die zweite Säule der Ankündigungen konzentriert sich auf die Kollaboration. Während KI die individuelle Arbeit erleichtert hat, kann sie die Teamarbeit komplexer gestalten, insbesondere im Hinblick auf Reviews und den Überblick über den gemeinsamen Fortschritt.

Figma adressiert dies durch die Möglichkeit, Prompts selbst zu teilen. Jede Interaktion mit einem Agenten erzeugt einen Workflow und eine Prompt-Technik. Benutzer können die Arbeitsergebnisse von Teamkollegen-Agenten durchsuchen und als Ausgangspunkt wiederverwenden. Effiziente Lösungsansätze können so teamweit geteilt werden.

Häufig genutzte Workflows lassen sich als Skills speichern und teamweit einsetzen, beispielsweise zur Überprüfung der regulatorischen Konformität eines Designs. Diese Art von Skills ist in Agentenprodukten nicht neu, sondern wird zunehmend zum Standard. Agenten können zudem über Drittanbieter-Konnektoren, Web-Suchen und Dateianhänge zusätzlichen Kontext einbeziehen.

Mit Generative Plugins können Benutzer eigene wiederverwendbare Tools durch Prompts erstellen, ohne eine Entwicklungsumgebung zu benötigen. Figma führt das Beispiel eines Fintech-Designers an, der regelmäßig bestimmte Diagramme benötigt und dafür ein benutzerdefiniertes Tool erstellen kann. Das Unternehmen gibt an, diese Funktion bereits seit mehreren Monaten intern zu nutzen.

Abhängigkeiten und Wettbewerb: Die Herausforderungen der KI-Ökonomie

Die diesjährige Config findet in einer angespannten Marktphase statt. Mit "Claude Design" bietet Anthropic ein Tool an, das aus einem Prompt in wenigen Minuten eine klickbare, weitgehend fertige Benutzeroberfläche generieren kann. Tools dieser Art stellen das Geschäftsmodell von Figma, das auf dem Design-File als Ausgangspunkt aufbaut, in Frage. Brisant ist, dass Claude Design von Anthropic stammt, einem der Modell-Anbieter, dessen KI Figma in seinen eigenen Funktionen nutzt. Der Lieferant wird somit zum Wettbewerber.

Figma begegnet dieser Entwicklung mit den neuen Funktionen wie Code Layers, Motion, Shaders und Weave-Workflows. Diese sollen die KI-Generierung direkt auf die Leinwand bringen, sodass sie innerhalb von Figma stattfindet. Das Ziel ist es, sicherzustellen, dass Figma im Prozess bleibt, selbst wenn Benutzeroberflächen zunehmend über Prompts erstellt werden.

Kosten und Margendruck

Diese Abhängigkeit hat ihren Preis. Figmas KI läuft auf gemieteten Modellen von OpenAI, Anthropic und Google, was sich direkt auf die Margen auswirkt. Die Bruttomarge sank im Laufe des Jahres 2025 von etwa 92 auf 86 Prozent, ein Rückgang, der auf hohe KI-Inferenzkosten zurückgeführt wird. Jede neue KI-Funktion, die die Nutzung steigert, erhöht diese Kosten.

Die Tatsache, dass ein Lieferant auch Wettbewerber ist, beunruhigt zudem die Aktionäre. Der aktivistische Investor Findell Capital forderte nach dem Start von Claude Design eine Überprüfung der Governance-Beziehungen des Vorstands zu Anthropic. Wenige Tage vor der Veröffentlichung war Mike Krieger, Head of Product bei Anthropic, aus dem Figma-Vorstand zurückgetreten.

Eigene Modelle oder effiziente Nutzung?

Auf die Frage, ob Figma eigene Foundation Models trainiert und wie es seine Abhängigkeit von API-Anbietern bewertet, wich CEO Dylan Field aus. Er erklärte, das Unternehmen habe zu verschiedenen Zeitpunkten Modelle trainiert, die meisten davon jedoch kleinere Modelle zur Effizienzsteigerung. Field betonte: "Wir sind an einem Punkt, an dem wir von allen Innovationen auf dem Markt profitieren können, wenn es um Modelle geht, und unsere eigenen trainieren können."

Figma versucht nicht, Frontier-Modelle zu ersetzen, sondern eine Bindung an einen einzelnen Anbieter zu vermeiden. Weave, das beliebige Bildmodelle nacheinander verknüpft, dient genau dieser Absicherung. Im Gegensatz dazu verfolgt beispielsweise Canva den Ansatz, eigene Modelle zu trainieren, um sich von API-Anbietern zu lösen.

Um dem Margendruck entgegenzuwirken, setzt Figma auf eine effizientere Nutzung statt auf den Besitz von Modellen. CodeConnect verknüpft das Designsystem mit dem passenden Code, wodurch die KI weniger neu generieren muss. In spezifischen, gemessenen Fällen senkt dies die Inferenzkosten um etwa 30 Prozent.

Field äußerte sich zudem kritisch zur Ökonomie hinter einem Teil des KI-Hypes. Wenn jemand mit einem KI-generierten Design prahlt, frage er gerne, wie lange es gedauert hat und wie viele Token verbraucht wurden. Gemessen an der menschlichen Arbeitszeit sei das Ergebnis "manchmal völlig irrational".

Die Wette auf menschliches Urteilsvermögen

Die Maschine macht das Erstellen billig. Das Urteilsvermögen darüber soll menschlich bleiben. KI sei ein Werkzeug und ein Material, aber nicht der einzige Weg, eine Idee zum Leben zu erwecken, so Loredana Crisan, Chief Design Officer.

Field ging noch weiter und hob die Schwächen der Modelle hervor, auf die Figma angewiesen ist. Sie lösten komplexe mathematische und Coding-Probleme, könnten aber keine "div centered" handhaben und verstünden Ästhetik, UX oder einfache Urteilsentscheidungen nicht. Er sprach ungewöhnlich offen über eine Kehrseite der schnellen Adaption: Im Dialog mit KI erhielten Designer oft nahezu sycophantisches Lob, klammerten sich an eine einzige Idee und gaben stillschweigend die breitere Exploration auf.

Figma ging im Sommer 2025 an die Börse, und der Aktienkurs stieg am ersten Handelstag auf knapp 143 US-Dollar. Um den Start von Claude Design im April 2026 rutschte der Kurs auf neue Jahrestiefststände. Das 52-Wochen-Tief liegt nun bei 16,60 US-Dollar, etwa 88 Prozent unter dem Allzeithoch. Aktuell handelt die Aktie um 19 US-Dollar.

Das Produkt wächst weiterhin. Der Umsatz stieg zuletzt um 46 Prozent, und im Geschäftsjahr 2025 überschritt Figma die Milliarden-Dollar-Marke. Doch der Wachstumstreiber belastet die Margen und stammt von Unternehmen, die auf demselben Markt konkurrieren. Auf der Config präsentierte Figma eine Leinwand, die alles kann. Die Intelligenz dahinter gehört jedoch nicht Figma.

Bibliographie

- The Decoder. (2026, 24. Juni). *Figma bets on human judgment at Config 2026 while the AI powering its canvas belongs to someone else*. Abgerufen von https://the-decoder.com/figma-bets-on-human-judgment-at-config-2026-while-the-ai-powering-its-canvas-belongs-to-someone-else/ - Figma Blog. (2026, 24. Juni). *Config 2026: New Materials, New Tools and a More Expressive Canvas*. Abgerufen von https://www.figma.com/blog/config-2026-recap/ - Config 2026. (n.d.). *Own the loop: how designers and researchers win with AI evals*. Abgerufen von https://config.figma.com/san-francisco/session/2bb4e5de-dbaf-47c5-8c12-b58e5728ab62/ - TopReviewed.ai. (2026, 11. Mai). *Figma AI Design Tools at Config 2025: One Platform Targeting Adobe, Canva, and WordPress Simultaneously*. Abgerufen von https://topreviewed.ai/blog/figma-ai-design-tools-at-config-2025-one-platform-targeting-adobe-canva-and-wordpress-simultaneously - Figma Learn - Help Center. (n.d.). *What's new from Config 2026*. Abgerufen von https://help.figma.com/hc/en-us/articles/39582753756695-What-s-new-from-Config-2026 - Bogdan, B. (2026, 21. Mai). *Figma just shipped an AI agent. Now what?*. Abgerufen von https://balintbogdan.substack.com/p/figma-just-shipped-an-ai-agent-now - Tech Times. (2026, 22. Juni). *Figma Config 2026 Kicks Off Today: Virtual Attendance Still Free as In-Person Sells Out*. Abgerufen von https://www.techtimes.com/articles/318823/20260622/figma-config-2026-kicks-off-today-virtual-attendance-still-free-person-sells-out.htm - Bttr. (2026, 25. Mai). *Figma Config 2026 · A read on the design platform that won the decade*. Abgerufen von https://www.makebttr.com/insights/figma-config-2026 - Startup Fortune. (2026, 24. Juni). *Figma turns its design canvas into a coding environment at Config 2026*. Abgerufen von https://startupfortune.com/figma-turns-its-design-canvas-into-a-coding-environment-at-config-2026/ - Bitovi Blog. (2026, 28. Mai). *CEO Justin Meyer at Config 2026: AI and the Future of Design-to-Dev*. Abgerufen von https://www.bitovi.com/blog/ceo-justin-meyer-at-config-2026-ai-and-the-future-of-design-to-dev