Figma-Designs lesen und Elemente anlegen
MCP-Server für Figma · MIT
Liest und schreibtWas der Baustein im Konto darf
Verbindet einen KI-Assistenten über ein Figma-Plugin und einen WebSocket-Server mit Figma. Er liest Designs, legt Elemente an, ersetzt Texte und ändert Styles.
Was der Server kann
- Dokument, Auswahl und einzelne Knoten eines Figma-Designs auslesen.
- Rechtecke, Frames, Sektionen und Textelemente anlegen.
- Texte in großen Designs scannen und gebündelt ersetzen.
- Auto-Layout, Abstände, Füllfarben, Konturen und Eckenradien setzen.
- Komponenteninstanzen anlegen und Overrides von einer Instanz auf andere übertragen.
- Knoten als PNG, JPG, SVG oder PDF exportieren.
Einsatz in Marketing und Vertrieb
- Content
- Eine Kampagnenvorlage in Figma soll für mehrere Märkte angepasst werden. Der Assistent scannt die Textknoten und ersetzt Überschriften und Preise gebündelt durch die neuen Texte.
Einrichtung
- Bun installieren, im Repository `bun setup` ausführen und den WebSocket-Server mit `bun socket` starten.
- Das Figma-Plugin aus der Figma-Community installieren oder lokal über Plugins, Development, New Plugin einbinden.
- Server in der Cursor-Konfiguration mit Befehl `bunx` und Argument `cursor-talk-to-figma-mcp@latest` eintragen.
- Plugin in Figma starten und einen Kanal mit join_channel beitreten.
Grenzen
- Das Figma-Plugin und der WebSocket-Server müssen laufen, bevor Befehle ankommen.
- Vor jedem Befehl muss ein Kanal mit join_channel beigetreten sein.
- Der Bildexport ist laut README eingeschränkt und liefert Base64 als Text.
- Die README beschreibt die Einrichtung für Cursor und Claude Code; weitere Clients sind nicht beschrieben.
Einordnung der Redaktion
Aufgaben: Design & Bild. Für Marketing und Vertrieb gedacht.
Beschreibung des Anbieters
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
Eckdaten
- Maintainer
- grab
- Repository-Lizenz
- MIT
- Dienstanbieter
- Offizielle Dienstherkunft nicht belegt
- Dienste
- Figma
- Bereiche
- Content
- Plattformen
- —
- Repository-Themen
- agent, agentic, agentic-ai, ai, cursor, design, figma, mcp, ai-agents, llm
- Homepage
- Homepage des Anbieters
Werkzeuge
get_document_infoLiefert Informationen zum aktuellen Figma-Dokument.
get_selectionLiefert Informationen zur aktuellen Auswahl.
create_frameLegt einen Frame mit Position, Größe und optionalem Namen an.
create_textLegt einen Textknoten mit anpassbaren Schrifteigenschaften an.
scan_text_nodesScannt Textknoten, bei großen Designs in Teilen.
set_multiple_text_contentsÄndert mehrere Textknoten gebündelt.
set_fill_colorSetzt die Füllfarbe eines Knotens.
set_layout_modeSetzt Layout-Modus und Umbruchverhalten eines Frames.
get_local_componentsLiefert Informationen zu lokalen Komponenten.
set_instance_overridesWendet ausgelesene Overrides auf Zielinstanzen an.
export_node_as_imageExportiert einen Knoten als Bild (PNG, JPG, SVG oder PDF).
join_channelTritt einem Kanal bei, um mit Figma zu kommunizieren.
Rechte
- 6 von 12 Werkzeugen legen Daten an oder ändern sie, etwa create_frame, create_text, set_multiple_text_contents.
Verbinde zuerst ein Testkonto oder eine Sandbox und lass Änderungen einzeln bestätigen, bevor der Baustein mit echten Daten arbeitet.
Kein Konto und keine Schlüssel in der README genannt. Der Server spricht über einen lokalen WebSocket-Server mit dem Plugin in Figma. Er liest und ändert das geöffnete Design und kann Knoten löschen.
- Zugriffe laut Paketangaben
- —
- Authentifizierung
- —
- Transport
- —
- Technische Prüfung
- Ungeprüft
Quellen (4)
- 1
- 2
- 3
- 4
- Abgerufen und Felder geprüft: 2026-10-05; technische Prüfung: ungeprüft