News · Codex bekommt einen Figma-Roundtrip: UI-Code wird zu editierbaren Designs und zurück
Codex bekommt einen Figma-Roundtrip: UI-Code wird zu editierbaren Designs und zurück
OpenAIs MCP-basierte Figma-Integration erlaubt es Entwicklerteams, ohne Kontextverlust zwischen Code und Canvas zu wechseln – eine konkrete Wette auf Frontend-Workflows, die die Grenze zwischen Designer und Entwickler auflösen.
Was die Integration tatsächlich leistet
OpenAI und Figma haben eine Codex-zu-Figma-Integration auf Basis von MCP veröffentlicht, dem offenen Standard, der KI-Agenten die Kommunikation mit externen Tools ermöglicht. Der Mechanismus ist konkret: Man installiert den Figma MCP Server direkt in der Codex-Desktop-Anwendung für macOS, und Codex erhält eine Verbindung zu Figma Design, Figma Make und FigJam.
Der beschriebene Workflow funktioniert in beide Richtungen. Teams können Details aus einer Figma-Datei in Codex übernehmen und im Code umsetzen – der erwartete Weg. Der Schwerpunkt der Ankündigung liegt jedoch stärker auf der Umkehrung: Nutzer können UI, die bereits als Code existiert, in editierbare Figma-Designs verwandeln, auf dem Canvas weiterbearbeiten und die Änderungen zurückführen. OpenAI nennt dies einen „Roundtrip-Workflow“, bei dem man von einem Prompt, von Code oder von einem Design aus starten kann.
Warum die Richtung Code-zu-Design die schwierigere Hälfte ist
Code aus einem Design zu generieren ist bekanntes Terrain; zahlreiche Tools beherrschen das bereits mit unterschiedlicher Genauigkeit. Die Behauptung, die es zu beobachten gilt, betrifft den anderen Schritt – die Rekonstruktion eines editierbaren Figma-Designs aus produktivem UI-Code. Das ist ein verlustreicheres, mehrdeutigeres Problem, denn produktiver Code enthält Implementierungsdetails, Komponentenstruktur und Zustände, die sich nicht sauber auf ein statisches Canvas übertragen lassen.
Wenn es tatsächlich so funktioniert wie beschrieben, verändert das, wo Exploration stattfindet. Statt dass Designer nachträglich rekonstruieren, was Entwickler gebaut haben, oder Entwickler ein Design einfrieren, bevor sie den Code anfassen, wird der aktuelle Stand einer Anwendung zum Ausgangspunkt für die nächste Design-Runde. Die Quelle beschreibt den Nutzen so, dass Teams „auf ihren besten Ideen aufbauen – nicht nur auf ihrer ersten“, was präzise ausdrückt, dass die Design-Ebene auch nach der Code-Entstehung lebendig bleibt.
Die Botschaft zur Auflösung der Rollen, klar ausgesprochen
OpenAI macht deutlich, dass sich das Angebot an Menschen richtet, die sich nicht eindeutig einer Berufsbezeichnung zuordnen lassen. Die Botschaft: Entwickler iterieren visuell, ohne ihren Workflow zu verlassen, und Designer arbeiten näher an der tatsächlichen Implementierung, ohne zu Vollzeit-Programmierern zu werden.
„Diese Integration macht Codex für eine viel breitere Gruppe von Entwicklerteams und Unternehmen leistungsstark, weil sie nicht voraussetzt, dass man zuerst ‚Designer‘ oder ‚Entwickler‘ ist“, sagte Alexander Embiricos, Codex Product Lead. „Die Grenze zwischen den Rollen beginnt sich aufzuweichen, weil das System kontinuierlich zwischen Absicht und Realität vermittelt.“Montana Labs
Diese Einordnung ist entscheidend dafür, wie Teams die Integration bewerten. Der Wert liegt nicht in einem neuen Artefakt – sondern in der kontinuierlichen Übersetzung zwischen zwei Darstellungen desselben Produkts, die derzeit von unterschiedlichen Rollen getrennt verwaltet werden. Ob das tatsächliche Übergabe-Reibung reduziert, hängt davon ab, wie zuverlässig der Roundtrip den Kontext bewahrt – genau das soll die MCP-Verbindung leisten.
Der Kontext der Partnerschaft und Verbreitung
Das ist kein kalter Start. Figma nutzt bereits OpenAI-Modelle in seiner gesamten Plattform, gehörte 2025 zu den ersten, die eine ChatGPT-App veröffentlichten, und hat ChatGPT Enterprise intern ausgerollt. Die Codex-Integration erweitert eine bestehende geschäftliche Beziehung, statt eine neue zu beginnen – das senkt das Risiko, dass eine der beiden Seiten das Projekt vernachlässigt.
OpenAI verknüpft die Neuigkeit mit Codex-Nutzungszahlen: über 1 Million wöchentliche Nutzer und ein Nutzungswachstum von mehr als 400 % seit Jahresbeginn, plus Unternehmenskunden wie Cisco, NVIDIA, Ramp und Datadog. Codex selbst hat sich von einer CLI im April 2025 zu einer IDE-Erweiterung, einer Web-Version und der macOS-Desktop-App entwickelt – und genau in der Desktop-App wird dieser Figma-Server installiert.
Was vor dem Vertrauen in den Roundtrip zu prüfen ist
Konkret zu testen ist die Genauigkeit auf der Strecke Code-zu-Design mit der eigenen Codebasis. Kommt ein bestehender Komponentenbaum als wirklich editierbares Figma-Design zurück, oder als abgeflachte Annäherung, die die Struktur verliert? Das Versprechen „ohne Kontextverlust“ ist der Kern des gesamten Produkts; wenn der Kontext bei jedem Durchlauf abnimmt, wird der Roundtrip zu einer Einbahnstraße mit zusätzlichen Umwegen.
Für Frontend-Teams ist die Konsequenz eng und konkret: Es handelt sich um ein Feature, das primär für macOS-Desktop gedacht und an MCP gebunden ist und voraussetzt, dass man bereits mit Figma und Codex arbeitet. Für Teams in dieser Schnittmenge bietet es eine echte Chance, Design und Code nicht mehr als getrennte Wahrheitsquellen zu behandeln. Für alle anderen ist es ein Signal dafür, wohin sich agentische Coding-Tools entwickeln – hinein in das Design-Canvas, nicht nur ins Terminal.
Find this story relevant to you?
Contact us to find a unique solution
Brauchen Sie einen KI-Engineering-Partner, der auch liefern kann?
Wir helfen Unternehmen dabei, KI in Produkte und Prozesse zu integrieren, wertvolle Workflows zu automatisieren und die zugrunde liegenden Softwaresysteme zu modernisieren.
Weiterführende Beiträge
Weitere Analysen rund um Produktbereitstellung, operative KI und die Systemarbeit, die dafür sorgt, dass der Einsatz in der Praxis Bestand hat.