Start/Praxis/Workflows/Figma MCP: Design-Canvas wird Agent-steuerbar
26. März 2026

Figma MCP: Design-Canvas wird Agent-steuerbar

Figma hat im März 2026 seinen MCP-Server als Open Beta veröffentlicht. Damit wird die Design-Canvas über das Model Context Protocol direkt von AI-Agents ansteuerbar -- nicht als Export, nicht als Screenshot, sondern als live editierbares Artefakt.

GitHub bestätigt die Integration: Der Figma MCP-Server funktioniert über Copilot CLI und andere MCP-kompatible Clients. Cursor hat das Pattern sofort aufgegriffen und demonstriert die Generierung von UI-Komponenten und Frontends direkt in Figma, wobei das bestehende Design-System des jeweiligen Teams respektiert wird.

Warum das relevant ist

Bisher war der Workflow zwischen Design und Code seriell: Designer erstellen in Figma, Entwickler übersetzen in Code. MCP-fähige Agents können jetzt in beiden Welten gleichzeitig arbeiten. Das ist eines der klarsten Beispiele dafür, dass Tool-Calling "product-native" wird -- die Integration passiert innerhalb des Design-Tools, nicht als Chat-Wrapper darum.

Uber: uSpec automatisiert Design-Dokumentation

Parallel zu Figmas MCP-Launch hat Uber uSpec vorgestellt. Das System kombiniert AI-Agenten mit der Figma Console MCP, um Design-Specs automatisiert zu erstellen. Dokumentationszeit sinkt laut Uber von Wochen auf Minuten. uSpec ist in Ubers Michelangelo-Plattform integriert und nutzt deren GenAI Gateway, das unter anderem PII-Redaktion übernimmt.

InfoQ ordnet das als Branchentrend ein: 2026 etablieren sich zwei Ansätze nebeneinander. Der "Visual-First"-Ansatz (Ubers Weg) setzt beim Design an und automatisiert von dort. Der "Guide-First"-Ansatz setzt beim Entwickler mit agentic IDEs an, die Design-Kontexte als Referenz nutzen.

Das übergreifende Pattern

LangChain bewegt sich in die gleiche Richtung: Framework-natives Tool-Rendering und Slack-native Fleet-Workflows mit Custom Bots und einer Inbox für Human Approvals. Design-Tools werden zu MCP-Servern. Coding-Agents können direkt im Design-Kontext arbeiten, statt nur Code aus statischen Mockups zu generieren.

Praktische Schritte

Wer Figma nutzt und einen MCP-fähigen Client einsetzt (Claude Code, Cursor, Copilot CLI), kann den Figma MCP-Server jetzt einbinden. Die Konfiguration folgt dem Standard-MCP-Setup des jeweiligen Clients. Der Agent kann dann Figma-Dateien lesen, Komponenten erstellen und Designs modifizieren -- im Kontext des bestehenden Design-Systems.

Quellen

Nach oben