Community Figma MCP server

Community Figma MCP server

EXDST · Bilder

Community Figma MCP server ist ein kostenloser Open-Source-Server des Model Context Protocol von EXDST, der eine Lücke schließt, die der offizielle Figma MCP offen lässt. Der offizielle Server liest nur Designdateien, deshalb kann ein KI-Assistent ein Figma-Dokument prüfen, aber nie ändern. Dieser Community-Build fügt Schreibzugriff hinzu, sodass ChatGPT, Claude, Cursor und andere MCP-fähige Clients Komponenten erstellen, Auto-Layout setzen, Ebenen umbenennen und ganze Screens in Ihrer Figma-Datei aufbauen. Er ist für Designer gedacht, die dieselbe Agentengeschwindigkeit wollen, die Entwickler längst haben.

Vorschau der Oberfläche von Community Figma MCP server

Über Community Figma MCP server

Was ist Community Figma MCP server

Community Figma MCP server ist eine Open-Source-Brücke zwischen KI-Assistenten und Ihren Design-Dokumenten in Figma. Er spricht das Model Context Protocol. Das ist derselbe Standard, den Claude Desktop, Claude Code, Cursor, Windsurf und VS Code schon nutzen, um mit externen Tools zu kommunizieren. Wo der offizielle Figma MCP nur liest, kann dieser Server auch schreiben. So kann ein KI-Assistent Knoten hinzufügen, Komponenten bauen, Auto-Layout anwenden und eine Datei organisieren. Nicht nur beschreiben.

Das Produkt gibt es, weil Designer bei der Produktivitätswelle außen vor blieben. Sehen Sie sich die Aufteilung an. Entwickler geben Entwürfe und Refactorings an einen Agenten und bekommen sie in Minuten zurück. Designer stoßen an der Figma-Tür an eine Wand. Diese Lücke ist der ganze Sinn dieses Projekts zur Design-Automatisierung mit KI. EXDST antwortet mit drei Teilen, die zusammenspielen: ein MCP-Server, ein WebSocket-Relay und ein Figma-Plugin, das auf eingehende Änderungen hört. Der Server liefert 24 Tools für Knoten, Komponenten, Bilder und Layouts, jedes deckt die Aktionen Erstellen, Lesen, Aktualisieren und Löschen ab.

Er ist nicht mehr die einzige Option. Seit dem Start hat Figma sein eigenes Plugin für Claude Code veröffentlicht. Google und Anthropic haben ebenfalls eigene Design-Tools herausgebracht. EXDST hält seinen Server offen und behandelt ihn als ein Werkzeug unter mehreren. Eine Grenze, die man vorab kennen sollte: Sie brauchen einen laufenden lokalen Server und das zugehörige Plugin, es ist also kein Cloud-Dienst, den man einfach nutzt.

Erste Schritte

  1. Klonen Sie das Repository figma-mcp-server von GitHub und installieren Sie die Abhängigkeiten.
  2. Starten Sie den Server lokal; er öffnet ein WebSocket-Relay auf Port 38450, um mit Figma zu sprechen.
  3. Installieren Sie das zugehörige Figma-Plugin und laden Sie es in das Design-Dokument, das Sie bearbeiten wollen.
  4. Richten Sie Ihren MCP-Client auf die lokale Adresse. Claude Desktop, Cursor und VS Code funktionieren.
  5. Führen Sie einen Prompt gegen das Dokument aus und sehen Sie zu, wie das Plugin die Änderungen Knoten für Knoten anwendet.

Produktinformationen

Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von Community Figma MCP server.

Kostenloser TarifJa
Bezahlte Tarife$0
PlattformWeb, macOS, Windows
EntwicklerEXDST
KategorieBilder
VeröffentlichungsdatumDec 2025
Zuletzt aktualisiertJan 2026
Website-Besuche1.9K
Globales Website-Ranking7.6M
API-VerfügbarkeitJa

Am besten für

Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.

Nutzer

  • Produktdesigner
  • Verantwortliche für Design-Systeme
  • Designer-Entwickler, die in Cursor oder VS Code arbeiten

Aufgaben

  • Komponentenaufbau
  • Einrichtung des Auto-Layouts
  • Massenhaftes Umbenennen von Ebenen und Aufräumen des Dokuments
  • Entwurfserstellung

Szenarien

  • Einen neuen Screen beginnen
  • Eine unordentliche Datei aufräumen
  • Ideen schnell erkunden
  • Designarbeit mit einem nicht designenden Kollegen teilen

Wichtigste Funktionen

Lese- und Schreibzugriff auf Figma-Dokumente

Der große Unterschied zum offiziellen Server ist das Bearbeiten. Community Figma MCP server kann Knoten erstellen, lesen, aktualisieren und löschen. So arbeitet der KI-Assistent am Dokument, statt es nur zu beschreiben. Sie wollen Figma mit KI an einer echten Datei bearbeiten? Das deckt Komponentenaufbau, Massenbearbeitung und den kompletten Durchlauf in einer Sitzung ab.

24 Tools für Knoten, Komponenten, Bilder und Layouts

Der Server stellt 24 Tools bereit, die echten Design-Aktionen entsprechen. Dazu gehören create-component, create-node, auto-layout, set-property und find-by-id. Zusammen decken sie einen vollen Kreislauf aus Bauen und Prüfen ab. Jede gewünschte Fähigkeit entspricht einem oder mehreren Tools, sodass der Agent einen klaren Weg vom Prompt zur Änderung hat.

Funktioniert mit jedem MCP-fähigen Client

Sie können Claude Desktop, ChatGPT, Claude Code, Cursor, Windsurf, VS Code oder MCP Inspector verbinden. Weil er dem offenen MCP-Standard folgt, sind Sie nicht an einen Assistenten gebunden, und ein Client-Wechsel ist eine Konfigurationsänderung statt eines Umbaus von allem, was Sie gebaut haben.

Plugin- und WebSocket-Architektur

Ein Figma-Plugin läuft in der Sandbox und hört auf Aufrufe, die über einen lokalen WebSocket-Server auf Port 38450 weitergeleitet werden. Das Plugin wendet jede eingereihte Anfrage auf Ihr Dokument an. Das ist die Automatisierung des Figma-Plugins in Aktion. Es ist auch der Grund, warum die Einrichtung ein paar Schritte braucht. Das Relay muss laufen, bevor der Agent Figma erreichen kann.

Werkzeuge für Komponenten und Eigenschaften

Der Agent kann Komponenten bauen und Eigenschaften bereitstellen. Denken Sie an ein Label und einen Platzhalter in einem Eingabefeld. Breiten können mit der Komponente wachsen, so bleiben Layouts flexibel. Großer Unterschied. Das ist der Abstand zwischen einem Bild eines Formulars und einem Formular, auf dem Sie wirklich aufbauen können.

Open Source und von der Community getragen

Der Server ist kostenlos und quelloffen, mit über 140 GitHub-Sternen und einem ersten Platz als Produkt des Tages auf Product Hunt im Januar 2026. Weil alles offen ist, können Sie den Code lesen, Issues melden und genau sehen, was jedes der 24 Tools tut, bevor Sie ihm eine echte Designdatei anvertrauen.

Vor- und Nachteile

Vorteile

  • Kostenlos und quelloffen, ohne Lizenzgebühr für Nutzung oder Einsicht.
  • Fügt den Schreibzugriff hinzu, der dem offiziellen Figma MCP fehlt, sodass auch Designer Agentenhilfe bekommen.
  • Funktioniert mit vielen MCP-Clients, darunter Claude, ChatGPT, Cursor und VS Code.
  • Die 24 Tools entsprechen konkreten Design-Aktionen, von Komponenten bis Auto-Layout.
  • Öffentlich anerkannt, mit einem Product-Hunt-Preis und stetiger Nutzung auf GitHub.

Nachteile

  • Braucht einen lokalen Server und ein Figma-Plugin, die Einrichtung ist also aufwendiger als bei einem gehosteten Tool.
  • Weil er in Dateien schreiben kann, kann ein unklarer Prompt unordentliche oder unerwünschte Knoten erzeugen.
  • Es ist ein Community-Projekt einer einzigen Firma, kein offizielles Figma-Produkt, die langfristige Unterstützung ist also nicht garantiert.
  • Figma liefert inzwischen eigene konkurrierende Plugins, ein Server von Drittanbietern ist vielleicht gar nicht nötig.

Häufige Fragen

Ja. Kostenlos und dazu quelloffen. Es gibt kein Abo und keine Kosten pro Platz. Sie können den Code lesen und selbst ausführen. Das Einzige, was Sie bereitstellen, ist die Maschine, auf der er läuft.