Figma kündigte eine Erweiterung seines MCP-Servers (Model Context Protocol) an, die es KI-Agenten und Entwicklern ermöglicht, über den Desktop hinaus auf Designkontext im Browser und in der lokalen IDE zuzugreifen. Dieses Update legt den Schwerpunkt auf den Fernzugriff und integriert sich in Figma Make: KI-Agenten können direkt auf von Make generierten Prototypcode und Designdaten zugreifen, was eine präzisere App-Erstellung oder -Änderung ermöglicht. Der offizielle Vertreter präsentierte außerdem einen „Design Snapshot to Editable Layer“-Workflow, der es erleichtert, Komponenten, Variablen und Layoutinformationen aus einer Konversation herauszuziehen und darauf basierenden Code zu generieren.
Figma hat außerdem die brandneue Code Connect UI (Beta) veröffentlicht, die die Zuordnung von Code-Repositories zu Figma-Komponenten innerhalb von Organisationen und Unternehmen per Mausklick ermöglicht und so die Lücke zwischen Design und Implementierung schließt. Die Guides- und Dev-Mode-Integration von MCP Server ist jetzt live und ermöglicht MCP-Clients wie VS Code, Cursor und Windsurf den direkten Zugriff auf das Tool, die Remote-Extraktion von Dateistruktur- und Stilvariablen sowie die Ausführung von Build-Aufgaben.
Häufig gestellte Fragen
F: Was sind die wichtigsten Verbesserungen am MCP-Server?
A: Neue Remote-Zugriffsszenarien, Verbindung mit dem Code-/Designkontext von Figma Make und Unterstützung für den Aufruf von Designdaten direkt in der IDE.
F: Was ist der Zweck der Code Connect-Benutzeroberfläche?
A: Ordnen Sie im Org/Enterprise-Bereich den GitHub-Code den Figma-Komponenten zu, damit der Generator Code basierend auf den tatsächlichen Komponentenbeschränkungen erstellen kann.
F: Welche Tools/Editoren werden unterstützt?
A: Offizielle Beispiele und Berichte erwähnen MCP-kompatible Clients wie VS Code, Cursor und Windsurf.
F: Für wen ist MCP Server geeignet?
A: Teams, die KI-Agenten benötigen, um „das Design zu verstehen und Code entsprechend dem Komponentensystem zu generieren“, insbesondere im Szenario der Erstellung von Prototypen bis hin zur Code-Landung.
F: Gibt es offizielle Dokumente?
A: Figma bietet einen Dev Mode MCP Server-Leitfaden und einen Eintrag in der Ressourcenbibliothek, einschließlich Zugriffsschritten und Berechtigungsanweisungen.
