Figma mit KI: MCP-Server, Skills, Plugins
Ja, Figma betreibt einen offiziellen MCP-Server (Stand 11. Oktober 2026), der im Claude-Verzeichnis als Connector mit dem Zeichen „Anthropic verified“ steht. Er liest Design-Kontext aus Figma-Dateien und kann auf der Zeichenfläche Inhalte anlegen, was einen Full-Sitz voraussetzt. Community-Server brauchst du nur, wenn dir ein bestimmtes Werkzeug fehlt.
Im Verzeichnis: 6 Einträge zu Figma, davon 1 vom Hersteller.
3 Abläufe zum Ausprobieren
Kopiere einen Prompt in deinen KI-Client und ersetze, was in eckigen Klammern steht. Lesende Abläufe ändern nichts im Dienst; bei schreibenden bestätigst du jede Änderung selbst.
Nutze diese Figma-Datei: [Link zur Datei oder Seite einfügen]. Gib mir eine Tabelle der Frames auf dieser Seite mit Name, Breite und Höhe. Vergleiche die Größen mit dieser Soll-Liste: [Formate einfügen, z. B. Instagram-Feed, LinkedIn-Anzeige, Newsletter-Header]. Nenne Frames, die fehlen oder von der Soll-Größe abweichen. Ändere nichts in der Datei.
- Ergebnis
- Eine Tabelle der Frames mit Namen und Größen und eine kurze Liste der fehlenden oder abweichenden Formate.
- Vorher prüfen
- Gleiche die Tabelle mit dem ab, was du in Figma siehst. Die Übersicht gibt es nur für Figma-Design-Dateien, nicht für FigJam. Frames, die noch „Frame 12“ heißen, sind ein Zeichen für unbenannte Ebenen.
Nutze diese Auswahl in Figma: [Link zur Auswahl einfügen]. Liste alle Variablen und Stile auf, die in der Auswahl verwendet werden (Farben, Schriften, Abstände). Suche in den verbundenen Bibliotheken nach den Markenfarben und Markenschriften und gib an, welche davon in der Auswahl nicht vorkommen. Ändere nichts.
- Ergebnis
- Eine Liste der verwendeten Variablen und Stile und ein Abgleich mit den Marken-Bausteinen der Bibliothek.
- Vorher prüfen
- Die Antwort ist nur so gut, wie Variablen und Bibliothek gepflegt sind. Kommt wenig zurück, nutzt die Datei vermutlich Einzelwerte statt Variablen. Prüfe Auffälliges im Dev Mode von Figma nach. Die Abfrage der Variablen gilt nur für Figma-Design-Dateien.
Erstelle ein FigJam-Diagramm für unsere Kampagne [Name]: Start am [Datum], Phasen Teaser, Launch und Nachfassen, Kanäle [z. B. LinkedIn, Newsletter, Anzeigen], Freigaben durch [Marketing-Leitung] und [Recht]. Zeige Verantwortliche und Abhängigkeiten als Pfeile. Erfinde keine Termine oder Namen, die ich nicht genannt habe.
- Ergebnis
- Ein FigJam-Diagramm mit Phasen, Kanälen, Freigaben und Abhängigkeiten, das du im Team weiterbearbeiten kannst.
- Vorher prüfen
- Termine, Zuständige und Abhängigkeiten stammen allein aus deinem Prompt. Prüfe, ob das Diagramm sie richtig übernommen hat, bevor du es im Team teilst. Die Doku nennt nicht, wo die Datei abgelegt wird: Sieh in Figma nach, wo sie liegt und wer Zugriff hat.
Offiziell oder Community?
Community-Server für Figma stammen von Dritten und tragen keine Zusage von Figma. Ihr Pflegestand ist sehr unterschiedlich: Einige gelten im Verzeichnis als ruhend, weil sie lange nicht aktualisiert wurden. Für Dateien mit Kundenmaterial nimmst du zuerst den offiziellen Weg.
| Merkmal | Figma MCP Server (Remote), auch als Connector in Claude | Figma Desktop-Server | Community-Server (5 im Verzeichnis) |
|---|---|---|---|
| Herkunft | Offiziell, von Figma; im Claude-Verzeichnis als von Anthropic verifiziert gelistet | Offiziell, von Figma | Von Dritten, nicht vom Hersteller |
| Betrieb | Läuft bei Figma (Remote, HTTP); die Desktop-App ist nicht nötig | Läuft lokal in der Figma-Desktop-App auf deinem Rechner | Meist lokal auf deinem Rechner (2 über stdio) |
| Anmeldung | Anmeldung bei Figma im Browser (OAuth); jede Person meldet sich selbst an | Kein Browser-Login: Du schaltest den Server in der Desktop-App im Dev Mode ein | Laut Einträgen: 1 per API-Key, 1 per Token |
| Rechte | Lesen: Design-Kontext, Variablen, Screenshots, Bibliotheken. Schreiben: Inhalte auf der Zeichenfläche, FigJam-Diagramme, neue Dateien; Schreiben nur mit Full-Sitz und Bearbeitungsrecht an der Datei | Design-Kontext aus der Auswahl oder aus Links lesen; Schreiben auf die Zeichenfläche nur über den Remote-Server | Rechte-Ampel: 1 liest nur, 3 liest und schreibt, 1 ohne Angaben |
| Pflegestand | Schreiben auf die Zeichenfläche ist laut Figma-Hilfe in der Beta und währenddessen kostenlos, später soll es nutzungsabhängig kostenpflichtig werden | Figma empfiehlt den Remote-Server; der Desktop-Server hat weniger Funktionen und ist für Organisations- und Enterprise-Fälle gedacht | 2 von 5 mit Commit in den letzten 90 Tagen; 5 unter offener Lizenz |
| Wo nutzbar | Claude (Desktop), Claude Code, Codex, Cursor, VS Code, Xcode; nur Clients aus dem Figma-MCP-Katalog können sich verbinden | Clients aus dem Figma-MCP-Katalog, in der Anleitung genannt: VS Code, Cursor, Claude Code; Dev- oder Full-Sitz in bezahlten Plänen nötig | Je nach Server, meist Claude Desktop, Claude Code und andere lokale Clients |
| Belege | Beleg 2 Beleg 3 Beleg 5 Beleg 6 Beleg 7 | Beleg 1 Beleg 6 Beleg 9 |
Rechte und Daten
Der Server zeigt nur, was dein Figma-Konto sehen darf: Du erreichst Inhalte, für die du Ansichts- oder Bearbeitungsrecht hast. Bekommst du Fehlermeldungen, prüft Figma als Erstes, ob der Link zu einer gültigen Design-, FigJam- oder Make-Datei führt und ob du im Plan der Datei Mitglied bist.
Lesen und Schreiben hängen am Sitz. Mit Dev-Sitz sind nur lesende Abläufe möglich (Design-Kontext, Variablen, Screenshots). Zum Schreiben auf die Zeichenfläche brauchst du einen Full-Sitz und für bestehende Dateien Bearbeitungsrecht. Auch Werkzeuge, die Objekte löschen, Dateien anlegen oder Bilder hochladen, gehören zu den schreibenden.
Mit Ansichts- oder Kommentar-Sitz sind laut Figma höchstens 20 Werkzeugaufrufe im Monat vorgesehen; mit Dev- oder Full-Sitz gelten Tages- und Minutengrenzen je Plan. Praktisch: Schreibende Werkzeuge gehören in Claude unter Tool permissions auf „Needs approval“, dann bestätigst du jede Änderung selbst; in Team und Enterprise legt ein Owner das für die ganze Organisation fest.
- Liest nur
- Liest und schreibt
- Löscht, versendet oder führt aus
- Keine Angaben
Einrichtung je Client
Überblick und Voraussetzungen
- Prüfe deinen Figma-Sitz: Zum Lesen reicht ein Dev-Sitz, zum Schreiben auf die Zeichenfläche brauchst du einen Full-Sitz. Halte den Link zur Datei bereit.
- Bei Claude Team und Enterprise fügt ein Owner Figma zuerst unter Organisationseinstellungen → Connectors für das Team hinzu. Das gibt noch niemandem Zugriff.
- Öffne in Claude Customize → Connectors, suche Figma im Verzeichnis und wähle Connect. Melde dich bei Figma an und erlaube den Zugriff.
- Schalte Figma im Chat über das Plus-Menü → Connectors ein. Schreibende Werkzeuge setzt du unter Tool permissions auf „Needs approval“ (in Team und Enterprise macht das ein Owner).
- Kopiere in Figma den Link zu einem Frame (Rechtsklick → Link zur Auswahl kopieren) oder die Adresse der Datei und füge ihn in deinen Prompt ein. Teste zuerst mit einer lesenden Anfrage.
Schritte je Client
Claude
- Bei Team und Enterprise: Ein Owner fügt Figma unter Organisationseinstellungen → Connectors über „Add to your team“ hinzu.
- Customize → Connectors öffnen, Figma im Verzeichnis wählen, Connect klicken und bei Figma anmelden.
- Im Chat über das Plus-Menü → Connectors Figma einschalten.
- Tool permissions öffnen und schreibende Werkzeuge auf „Needs approval“ setzen (in Team und Enterprise: Owner).
- Link zur Figma-Datei oder zur Auswahl in den Prompt einfügen.
Claude Code
- Im Terminal den Befehl claude plugin install figma@claude-plugins-official ausführen (Figmas bevorzugter Weg).
- Eine neue Sitzung starten, /mcp eingeben, figma wählen und Authenticate auswählen.
- Im Browser Allow Access wählen und mit /mcp prüfen, dass die Verbindung steht.
Codex
- In der Codex-App Plugins öffnen, neben Figma auf das Plus klicken und Install Figma wählen.
- Zugriff erlauben und anschließend einen Figma-Link im Prompt nutzen.
Aktuell zu Figma
Häufige Fragen
Brauche ich für den Figma-Server einen bestimmten Plan oder Sitz?
Laut Figma-Hilfe ist der Remote-Server auf allen Sitzen und Plänen verfügbar. Wie oft du ihn nutzen darfst, hängt aber an Plan und Sitz (Ansichts- und Kommentar-Sitze sind stark begrenzt), und zum Schreiben auf die Zeichenfläche brauchst du einen Full-Sitz.
Kann Claude meine Figma-Dateien verändern oder löschen?
Ja, wenn du einen Full-Sitz und Bearbeitungsrecht an der Datei hast: Das Schreibwerkzeug kann Objekte in Design-, FigJam- und Slides-Dateien erstellen, ändern und löschen. Mit Dev-Sitz bleibt der Zugriff lesend. Arbeite für erste Versuche in einer Kopie der Datei und lass schreibende Werkzeuge bestätigen.
Was geht beim Bauen von Kampagnen-Assets noch nicht?
Für das Schreiben auf die Zeichenfläche nennt Figma Grenzen: je Aufruf höchstens 20 Kilobyte Antwort, noch keine Unterstützung für Bilder, noch keine eigenen Schriften. Dazu kommt: Das Werkzeug für Screenshots liefert in Claude derzeit nur eine Beschreibung des Bildes. Für fertige Bild-Exporte gibt es ein eigenes Werkzeug, das einzelne Ebenen als PNG, JPG, SVG oder PDF bereitstellt.
Brauche ich Community-Server für Figma?
In der Regel nicht. Figma bietet selbst einen Remote- und einen Desktop-Server. Community-Server prüfst du nur, wenn dir dort ein Werkzeug fehlt, und achtest dann auf Pflegestand und Rechte im Verzeichnis.
Quellen (11)
- 1Figma Developer Docs: Figma MCP Server (Einführung) · abgerufen 11.10.2026
- 2Figma Developer Docs: Set up the remote server · abgerufen 11.10.2026
- 3Figma Developer Docs: Tools and prompts · abgerufen 11.10.2026
- 4Figma Developer Docs: Rate limits & access · abgerufen 11.10.2026
- 5Figma Developer Docs: Write to canvas · abgerufen 11.10.2026
- 6Figma Help Center: Guide to the Figma MCP server · abgerufen 11.10.2026
- 7Claude: Figma connector (Connector-Verzeichnis) · abgerufen 11.10.2026
- 8Claude Help Center: Use connectors to extend Claude's capabilities · abgerufen 11.10.2026
- 9Figma Developer Docs: Set up the desktop server · abgerufen 11.10.2026
- 10Figma: Data Processing Addendum · abgerufen 11.10.2026
- 11Figma Help Center: Manage AI settings and content training · abgerufen 11.10.2026
MCP-Server: Einträge filtern und vergleichen
| Name | Dienste | Lizenz | Stand |
|---|---|---|---|
cursor-talk-to-figma-mcpVerbindet einen KI-Assistenten über ein Figma-Plugin und einen WebSocket-Server mit Figma. Liest und schreibt | DiensteFigma | Repository-LizenzMIT | Stand |
mcp-figmaDer Server stellt die Figma-API als 31 Werkzeuge bereit. Liest und schreibt | DiensteFigma | Repository-LizenzMIT | Stand |
figma-ui-mcpBidirektionales Figma-MCP: KI zeichnet UI auf der Figma-Fläche und liest Designs zurück… Liest und schreibt | DiensteFigma | Repository-LizenzMIT | Stand |
Figma MCP ServerVerbindet Claude oder andere KI-Werkzeuge mit deinen Figma-Dateien: Die KI liest Designs, Variablen und Komponenten, macht daraus Code oder FigJam-Diagramme und kann auf Wunsch Frames und Komponenten direkt in Figma anlegen. Liest und schreibt | DiensteFigma | LizenzDienst des Herstellers | StandServer des Herstellers |
Figma-Context-MCPDer Server liefert Figma-Designdaten in vereinfachter Form an KI-Coding-Werkzeuge. Liest nur | DiensteFigma | Repository-LizenzMIT | Stand |
Figma-Context-MCPMCP-Server für Figma · MIT · lokal (stdio) Keine Angaben | DiensteFigma | Repository-LizenzMIT | Stand |
Nach Dienst
- Meta Ads9
- Cloudflare6
- Google Ads8
- Gmail8
- Google Analytics3
- LinkedIn10
- Canva1
- Google Gemini22
- n8n4
- GitHub34
- PostgreSQL12
- Ahrefs1
- WordPress8
- HubSpot3
- Salesforce3
- Pipedrive2
- Semrush1
- Zapier3
- Google Search Console3
- Shopify4
- YouTube3
- Figma6
- Klaviyo1
- OpenAI16
- Airtable2
- Jira4
- Confluence3
- Google Drive5
- Google Docs3
- Google Sheets5
- Google Calendar4
- Slack5
- Discord4
- Stripe3
- Notion5
- Mailchimp1
- Ollama8
- Anthropic5
Nach Aufgabe
- Texte schreiben13
- Anzeigen schalten26
- SEO & Content planen41
- Leads finden22
- Mails & Newsletter25
- Social Media31
- Angebote & Deals16
- CRM pflegen22
- Kunden unterstützen13
- Wettbewerb beobachten52
- Auswerten & berichten66
- Strategie & Planung8
- Design & Bild31
- Website & Conversion25
- Online-Shop16
- Präsentationen29
- Abläufe automatisieren11