Integration · Entwicklertools

Claude & ChatGPT mit Figma verbinden

Frage deine KI, welches Feedback zu einem Design noch offen ist, was sich in der letzten Version geändert hat, oder bitte sie, einen Frame aus Figma als Bild zu exportieren. Sie liest Dateien, Seiten, Frames und Ebenen, Kommentare und den Versionsverlauf und listet die Komponenten und Stile deiner Bibliotheken auf. Sie kann auch Kommentare veröffentlichen und beantworten, sodass Designbesprechungen direkt im Chat beginnen können.

Figma kostenlos verbinden

Kostenloser Tarif, keine Kreditkarte erforderlich. Dauert etwa eine Minute.

Fragen Sie zum Beispiel

“Fasse die offenen Kommentare zur Datei mit dem Checkout-Redesign zusammen.”
Die KI listet die Kommentare der Datei mit Autor, Text, Antworten und angehefteter Position auf und fasst zusammen, was noch offen ist.
“Exportiere den Frame Mobile / Home als PNG mit 2-facher Skalierung.”
Sie rendert den Frame als PNG mit Skalierungsfaktor 2 und gibt dir einen Downloadlink, der nach 30 Tagen abläuft.
“Was hat sich diese Woche in der Checkout-Datei geändert?”
Sie listet die gespeicherten Versionen mit Bezeichnungen, Beschreibungen, Autoren und Datum auf.

Was Ihre KI tun kann

Dateien und Ebenen

Lies die Seiten und Frames einer Datei, rufe bestimmte Ebenen anhand ihrer Node-ID ab und exportiere Frames oder Ebenen als PNG-Bilder.

Kommentare und Versionen

Lies Kommentare und Antworten, veröffentliche Kommentare, reagiere darauf und sieh dir den Versionsverlauf einer Datei an.

Bibliotheken und Projekte

Liste veröffentlichte Komponenten und Stile auf, durchsuche die Projekte und Dateien eines Teams und lies Entwicklerlinks auf Ebenen.

“Welche Komponenten enthält unsere Designsystem-Bibliothek?”
Sie listet die veröffentlichten Komponenten der Bibliotheksdatei mit Namen und Beschreibung auf.
“Antworte auf Annas Kommentar zum Header: In Version 12 behoben.”
Sie veröffentlicht deine Antwort im selben Kommentarverlauf, sichtbar für alle mit Zugriff auf die Datei.
“Liste die Textstile und Farben in der Markenbibliothek auf.”
Sie listet die veröffentlichten Farb-, Text-, Effekt- und Rasterstile der Bibliotheksdatei auf.

18 Tools für Figma

Diese Tools werden beim Verbinden aktiviert. Sie können jedes einzelne deaktivieren oder festlegen, dass es vor der Ausführung Ihre Freigabe benötigt.

delete_commentLöscht DatenLösche einen deiner eigenen Kommentare aus einer Datei anhand seiner Kommentar-ID (übergeben als `message_id`).
export_imagesRendere Frames oder Ebenen als PNG-Bilder und erhalte Downloadlinks: `file_key`, kommagetrennte Knoten-IDs in `ids` und optional `scale` (0.01–4). Die Links laufen nach 30 Tagen ab.
get_componentRufe eine veröffentlichte Komponente anhand ihres `component_key` ab, einschließlich Name, Beschreibung, Datei und Vorschaubild.
get_current_userRufe Name, E-Mail-Adresse und Benutzer-ID des angemeldeten Benutzers ab.
get_fileRufe den Dokumentbaum einer Datei anhand ihres Dateischlüssels ab (übergeben als `document_key`). Verwende einen kleinen Wert für `depth` (z. B. 2), um Seiten und Frames auf oberster Ebene zu sehen; große Dateien können sehr umfangreich sein.
get_file_infoRufe die grundlegenden Angaben zu einer Datei anhand von `file_key` (aus der Datei-URL) ab: Name, Eigentümer, Editortyp, Vorschaubild und letzte Bearbeitung, ohne das Design zu laden.
get_nodesRufe bestimmte Ebenen oder Frames einer Datei anhand von `file_key` und kommagetrennten Knoten-IDs in `ids` ab (aus node-id in einer Figma-URL, z. B. '12:34'), einschließlich ihrer Eigenschaften und untergeordneten Elemente.
list_commentsListe die Kommentare einer Datei anhand von `file_key` mit Autor, Text, angehefteter Position und Antworten auf; setze `as_md` für Text im Markdown-Format.
list_dev_resourcesListe die Entwicklerlinks auf, die an Ebenen einer Datei angehängt sind (z. B. zu Code, Tickets oder Dokumentation), optional für bestimmte `node_ids`.
list_file_componentsListe die veröffentlichten Komponenten einer Bibliotheksdatei anhand von `file_key` auf.
list_file_stylesListe die veröffentlichten Farb-, Text-, Effekt- und Rasterstile einer Bibliotheksdatei anhand von `file_key` auf.
list_project_filesListe die Designdateien eines Projekts oder Ordners anhand von `folder_id` auf, einschließlich Dateischlüsseln, Namen, Vorschaubildern und Zeitpunkten der letzten Änderung.
list_subfoldersListe die Ordner innerhalb eines Projekts oder Ordners anhand von `folder_id` auf.
list_team_componentsListe alle veröffentlichten Komponenten in den Bibliotheken eines Teams anhand von `team_id` auf.
list_team_projectsListe die Projekte (Ordner) eines Teams anhand von `team_id` auf, der Zahl nach /team/ in einer Figma-Team-URL.
list_versionsListe den Versionsverlauf einer Datei auf: gespeicherte Versionen mit Bezeichnungen, Beschreibungen, Autoren und Datum.
post_commentÄndert DatenVeröffentliche mit `file_key` und `message` einen Kommentar zu einer Datei; antworte mit `comment_id` auf einen Kommentar oder hefte ihn mit `client_meta` an eine Position oder einen Knoten an. Alle mit Zugriff auf die Datei können ihn sehen.
react_to_commentÄndert DatenFüge einem Kommentar anhand von `file_key` und `comment_id` eine Emoji-Reaktion hinzu (z. B. ':+1:').

In drei Schritten einrichten

1
App auswählen
Erstellen Sie ein kostenloses PipMCP-Konto und wählen Sie Figma aus der App-Liste.
2
Schlüssel einfügen
Füge ein persönliches Figma-Zugriffstoken ein. Öffne im Kontomenü Einstellungen > Sicherheit > Persönliche Zugriffstoken, klicke auf Neues Token generieren, wähle die benötigten Berechtigungen aus und kopiere das Token.
3
Link zu Ihrer KI hinzufügen
Sie erhalten einen persönlichen MCP-Link. Fügen Sie ihn in Claude, ChatGPT oder Cursor hinzu:
1. Klicken Sie auf Ihren Namen und dann auf Einstellungen › Konnektoren › Benutzerdefinierten Konnektor hinzufügen.
2. Fügen Sie Ihren Link als URL des Remote-MCP-Servers ein.
3. Aktivieren Sie den Konnektor über das +-Menü in einem Chat.

Fragen

Was kann die KI in Figma tun?

Die KI kann Dateien, Seiten, Frames und Ebenen, Kommentare, den Versionsverlauf, veröffentlichte Komponenten und Stile, Teamprojekte und Entwicklerlinks lesen sowie Frames oder Ebenen als PNG-Bilder exportieren. Sie kann Kommentare veröffentlichen und beantworten sowie Reaktionen hinzufügen. Wenn du das entsprechende Tool aktivierst, kann sie auch einen deiner eigenen Kommentare löschen.

Kann die KI mein Figma-Zugriffstoken sehen?

Nein. Deine Figma-Zugangsdaten werden verschlüsselt gespeichert und der KI niemals angezeigt. Nach dem Speichern werden sie nicht erneut angezeigt, auch dir nicht. Die KI sieht nur die Ergebnisse der Tools, die sie aufruft.

Kann ich festlegen, was die KI tun darf?

Ja. Du wählst aus, welche Tools aktiviert sind, und kannst mit reinem Lesezugriff beginnen. Ein veröffentlichter Kommentar ist für alle mit Zugriff auf die Datei sichtbar, und das Löschen eines Kommentars ist endgültig. Deshalb kannst du für beide Aktionen vor der Ausführung deine Freigabe verlangen. Jeder Tool-Aufruf wird protokolliert.

Funktioniert das mit ChatGPT?

Ja. Gehe in ChatGPT zu Einstellungen › Apps & Konnektoren › Erweitert, aktiviere den Entwicklermodus und füge dann deinen PipMCP-Link hinzu. Der Entwicklermodus erfordert einen kostenpflichtigen ChatGPT-Tarif: Plus, Pro, Business oder Enterprise. Derselbe Link funktioniert auch in Claude (Einstellungen › Konnektoren › Benutzerdefinierten Konnektor hinzufügen), Cursor und anderen MCP-Clients.

Was kostet das?

PipMCP bietet einen kostenlosen Tarif ohne Kreditkarte. Kostenpflichtige Tarife werden pro abgeschlossener Aufgabe abgerechnet. Du benötigst außerdem ein eigenes Figma-Konto.

Kann die KI meine Designs ändern?

Nein. Die KI liest Designs und exportiert Bilder, bearbeitet aber keine Ebenen oder Frames. Sie kann nur Kommentare und Reaktionen schreiben. Um ihr eine Datei oder einen Frame zu zeigen, füge den Figma-Link ein. Der Dateischlüssel und die Node-ID stehen in der URL.