Designkontext, überall wo du entwickelst

KI macht es einfacher denn je, eine Idee in funktionierenden Code zu coden. Aber um die besten Ergebnisse zu erzielen, braucht man mehr als nur einen gut strukturierten Prompt. Heute kündigen wir Updates für den Figma MCP-Server und Code Connect an, die es ermöglichen, Figma-Designkontexte überall dort einzubringen, wo du arbeitest – sei es in deiner IDE, deinem KI-Agenten oder deinen Prototypen.

Diese Updates machen deinen Designkontext – den Kontext, wie Ihr Designsystem strukturiert ist, wie dein Code geschrieben wird und wie dein Team Produkte entwickelt – tragbarer und leistungsfähiger und helfen dir, von der Idee zum Produkt mit weniger Reibungsverlusten zu gelangen. Dieser Kontext repräsentiert oft Jahre gemeinsamer Anstrengungen und sollte sowohl auf als auch außerhalb der Figma-Arbeitsfläche zugänglich sein.

Remote-Zugriff auf den Figma MCP-Server ermöglichen

Anfang des Jahres haben wir den lokalen MCP-Server im Dev Mode eingeführt, wodurch Entwickler*innen die Möglichkeit gegeben wurde, Live-Designkontexte in ihren Editierbereich zu holen. Teams in Unternehmen wie Affirm und Coinbase nutzen ihn bereits, um komplexe Benutzer*innen-Flows in deutlich kürzerer Zeit zu erstellen.

Jetzt unterstützt der Figma MCP-Server den Remote-Zugriff. Das bedeutet, dass du von deiner IDE, von einem KI-Coding-Agenten oder sogar von einem Browser-Modell aus eine Verbindung zu Figma herstellen kannst. In Figma können Designs viel mehr sein als nur statische Bilder. Figma-Designs kodieren responsive Layouts, Interaktionsdetails und in einigen Fällen komplette visuelle Programme. Kund*innen können diesen Figma-Kontext an neue Partner wie Android Studio, Replit und Warp vermitteln. Sie benötigen unsere Desktop-App nicht mehr, um Designkontext in deinen Workflow zu integrieren. Figma begann im Browser, um Teams näher zusammenzubringen, und dieses Update erweitert diese Mission.

Die Verbindung von Figma mit deinem Workflow ist auch dank unseres Partnerkatalogs einfacher geworden. Such einfach deine bevorzugte IDE oder deinen Agenten aus der Liste aus und integriere den Figma MCP-Server. Oder integriere von deinem Client aus. Wir möchten, dass alle Entwickler*innen, die aus Figma-Dateien arbeiten, ein unterbrechungsfreies und leistungsstarkes Erlebnis haben. Und wie bei unserer kürzlichen Toolergänzung, die Designsystemregeln erstellt, werden wir weiterhin mehr Funktionen und Partner zu unserem MCP-Server im Laufe der Beta-Version und darüber hinaus hinzufügen.

Erweiterung von MCP zu Figma Make

Für Teams, die Figma Make nutzen, um schnell Produktideen zu entwickeln und zu erkunden, schafft der Figma MCP-Server jetzt eine Verbindung zwischen Make und deiner Codebasis. Durch die Verwendung einer Figma Make-Datei über einen MCP-Client können KI-Modelle den zugrunde liegenden Code sehen, anstatt einen gerenderten Prototyp oder ein Bild.

Die Art und Weise, wie wir dies tun, ist einfach: Der Figma MCP-Server indiziert den Code in deiner Make-Datei, damit du und deine bevorzugten Plattformen genau die benötigte Anfrage stellen können. Entwickler*innen und KI-Agenten können direkt aus einer angegebenen Datei coden oder die Logik, das Design und die Muster als Inspiration heranziehen.

Wir haben mit Partnern wie Anthropic, Cursor, Windsurf und VS-Code zusammengearbeitet, um dieses Erlebnis ab heute in ihren Produkten verfügbar zu machen. Und wir arbeiten bereits an unseren nächsten großen Updates, wie z.B. der Verbindung von Partner-MCP-Servern mit Figma Make.

Verbesserte Komponentenabbildung in Code Connect

Code Connect wurde entwickelt, um Code-Komponenten mit Figma-Designkomponenten in Einklang zu bringen. Indem diese Beziehungen definiert werden, ermöglicht Code Connect sowohl Menschen als auch KI-Agenten, Produkte schneller zu bauen. Es ist ein Schritt in Richtung unserer Mission, Designsysteme zu vereinheitlichen, wo auch immer sie existieren.

Bis jetzt erforderten diese Zuordnungen eine manuelle Einrichtung über Ihr Terminal. Mit der neuen in-App Mapping-Erfahrung von Code Connect können Sie Komponenten in Figma durchsuchen, sie dem richtigen coden und der richtigen Datei zuordnen und leicht erkennen, welche verknüpft oder fehlen. Dies ergänzt die Code Connect CLI, die Entwickler*innen hilft, produktionsfertige Snippets mit definierten Prop- oder Varianten-Zuordnungen für die meisten Frameworks in den Dev Mode zu bringen. Viele Teams übernehmen beides.

Kund*innen, die Code Connect verwenden, können nun mehr als nur Designkontext über unseren MCP-Server übermitteln – sie erhalten Zugang zu den Standorten von Code-Komponenten und Nutzungshinweisen. Der Figma MCP-Server bietet allein bereits einen reichen Designkontext für KI-Agenten. Mit Code Connect bringt er auch Produktionsbewusstsein mit sich. Frühe Tests von internen Bewertungen und Alphakunden zeigten einen konsistenteren Code-Output, schnellere Navigation und verbesserte Token-Effizienz von KI-Agenten, wenn beide verwendet werden. Entwickler*innen und Teams werden Verbesserungen in all diesen Kategorien – und mehr – während der Beta-Version sehen.

Integrationsüberprüfungen und Ratenlimits

Während wir mehr Wege eröffnen, Figma mit den Tools zu verbinden, die du bereits verwendest, stärken wir auch das Fundament, das diese Verbindungen zuverlässig macht. Die Erweiterbarkeit ist am besten, wenn Kund*innen und Entwickler*innen der Plattform vertrauen, auf der sie aufbauen.

Künftig werden alle öffentlichen Drittanbieter-Integrationen und MCP-Clients von Figma überprüft, bevor sie auf deine Daten zugreifen können. Dies fügt eine Ebene des Vertrauens für alle hinzu, die neue Apps oder Workflows einführen, und entspricht der Art und Weise, wie wir Plugins und Widgets überprüfen. Unsere REST API-Ratenbeschränkungen werden angepasst, um eine vorhersehbarere Erfahrung für App-Entwickler*innen und Benutzer*innen zu schaffen. Diese Änderungen treten am 17. November in Kraft und haben Effekte für weniger als ein Prozent der aktiven Benutzer*innen von Figma.

Mit Blick auf die Zukunft

Der Remote-MCP-Server, die Unterstützung für Make-Dateien in Figma MCP und das App-Erlebnis von Code Connect sind die ersten Schritte in Richtung einer umfassenderen Vision. Wir möchten, dass sich der Kontext frei zwischen den Tools bewegt, damit Erkundungen ohne unnötige Neuschreibungen oder Modifikationen zu Produktionsfunktionen weiterentwickelt werden können.

Heute überträgt der Figma MCP-Server Design- und Code-Kontext an andere Tools. Mit der Zeit wird er zu einem Zwei-Wege-Verbinder, der externen Kontext zurück in Figma zieht. Das bedeutet realistischere Prototypen, weniger Neuaufbauten und mehr Zeit, um reale Probleme zu lösen und herausragende Produkte zu entwickeln.

Design-Artefakte sind nicht nur Referenzen. Sie sind aktive Eingaben, die dein Unternehmen und Benutzererfahrung formen. Ob es sich um ein Designsystem, einen interaktiven Prototyp, annotierte Mockups oder generierten Code handelt, enthält jedes Wissen, das dein Team nutzen kann, um genauer und schneller zu bauen.

All diese Funktionen befinden sich ab heute in der Beta-Version. Wir arbeiten weiterhin daran, sie weiterzuentwickeln und zu verbessern, während wir auf die allgemeine Verfügbarkeit zusteuern. Stell dir vor, was du entwickeln könntest, wenn Figma überall dort ist, wo du entwickelst.