Wenn Sie Figma für Design und Cursor für Code verwenden, können Sie der KI von Cursor über das Model Context Protocol (MCP) direkten Zugriff auf Ihre Figma-Projekte geben. Das bedeutet: Projekte auflisten, Dateien durchsuchen, Versionshistorien prüfen und Kommentare aus natürlicher Sprache im Editor posten — ohne zwischen Apps wechseln zu müssen. Dieser Leitfaden zeigt, wie Sie einen Figma MCP-Server einrichten und mit Cursor über Latenode verbinden: Sie stellen den Figma-MCP-Workflow als MCP-Server auf Latenode bereit und fügen diesen Server anschließend in Cursor hinzu, damit die KI Figma-Tools im Chat aufrufen kann.
Wichtigste Erkenntnisse:
- Figma MCP (Figma + Model Context Protocol) ermöglicht KI-Clients wie Cursor die Kommunikation mit Figma über ein Standardprotokoll. Ein Figma MCP-Server stellt Figma-Aktionen (Projekte auflisten, Dateien auflisten, Versionshistorie, Kommentare) als Tools bereit, die die KI aufrufen kann.
- Sie können einen kostenlosen MCP-Server für Figma auf Latenode bereitstellen: Verwenden Sie die Figma-MCP-Vorlage (oder erstellen Sie Ihren eigenen Workflow mit MCP Trigger + Figma-Nodes), kopieren Sie anschließend die Server-URL und fügen Sie sie in Cursor hinzu.
- MCP für Agenten-Workflows verbindet Design und Code in einem Kreislauf: Bitten Sie Cursor, „meine Figma-Projekte aufzulisten“ oder „einen Kommentar zu dieser Datei zu posten“, und der MCP-Server führt die passenden Figma-Aktionen aus und gibt das Ergebnis zurück.
Was ist Figma MCP und warum sollte man es mit Cursor verwenden?
Figma ist ein kollaboratives Designtool für Benutzeroberflächen, Prototypen und Vektorgrafiken. Das Model Context Protocol (MCP) ist ein Standard, mit dem KI-Systeme externe Tools — Datenbanken, APIs oder in diesem Fall Figma — über eine klar definierte Schnittstelle aufrufen können. Ein Figma MCP-Server ist ein Dienst, der Figma-Vorgänge (Projekte auflisten, Dateien auflisten, Versionshistorie auflisten, Kommentare auflisten oder posten) als Tools bereitstellt, die ein MCP-kompatibler KI-Client erkennen und aufrufen kann.
Cursor ist ein MCP-kompatibler Client. Wenn Sie einen Figma MCP-Server mit Cursor verbinden, kann die KI in Ihrem Editor:
- Die Figma-Projekte Ihres Teams auflisten
- Dateien in einem Projekt auflisten
- Die Versionshistorie einer Datei anzeigen
- Kommentare zu einer Datei auflisten oder einen Kommentar posten
So bleiben Sie in Cursor und nutzen natürliche Sprache, um Figma abzufragen oder zu aktualisieren — praktisch für KI-Agenten-MCP-Workflows, bei denen der Agent Designkontext benötigt oder Feedback hinterlassen soll, ohne die IDE zu verlassen. Sie erhalten MCP-Verhalten für Agenten: eine KI-Oberfläche (Cursor) mit Figma als Sammlung von Tools im Hintergrund.
Kostenloser Figma MCP-Server auf Latenode
Sie müssen den MCP-Server nicht selbst hosten. Mit Latenode können Sie einen MCP-Server in der Cloud bereitstellen: Sie erstellen (oder verwenden) einen Workflow, der mit Figma kommuniziert, und stellen ihn über den MCP Trigger-Node bereit. So erhalten Sie eine Server-URL, die Sie in Cursor, Claude Desktop oder einen beliebigen MCP-kompatiblen Client für Agenten einfügen können. Damit erhalten Sie einen kostenlosen MCP-Server für Figma, da Latenode ihn ausführt; Sie benötigen lediglich ein Latenode-Konto (mit verfügbarem Free Tier) und Ihre Figma-Anmeldedaten im Workflow.
Figma-MCP-Vorlage: Was sie macht
Wir haben eine Vorlage vorbereitet, die zeigt, wie Sie mit Ihren Figma-Dateien aus einem KI-Chat wie Cursor oder Claude arbeiten können. Listen Sie Projektdateien und Teamprojekte auf, sehen Sie die Versionshistorie von Dateien ein, listen Sie Kommentare auf oder posten Sie Kommentare — alles per natürlicher Sprache. Sie müssen weder Ihren Editor verlassen noch die Figma-App öffnen.
Was enthält die Vorlage?
Wenn Sie diesen Latenode-Workflow als MCP-Server mit Cursor (oder einem anderen MCP-kompatiblen Client) verbinden, erhält die KI Tools für die Interaktion mit Figma. Sie können die KI bitten:
- Teamprojekte abzurufen
- Projektdateien aufzulisten
- Dateikommentare zu lesen
- Einen Kommentar zu posten
- Die Versionshistorie einer Datei abzurufen
Der Workflow führt die passenden Figma-Aktionen aus und gibt das Ergebnis an Ihren Chat zurück. In Cursor können Sie also beispielsweise sagen: „Liste meine Figma-Projekte auf“ oder „Poste einen Kommentar zu Datei X: ‚Bereit für die Entwicklung‘“, und der Figma MCP-Server übernimmt den Rest. Das ist das gleiche Prinzip wie bei anderen KI-Setups mit MCP-Servern — Ihr KI-Agent MCP (Cursor) verwendet das Model Context Protocol, um einen Remote-MCP-Server aufzurufen (Latenode + Figma).
So richten Sie den Figma MCP-Server in Latenode ein
Die Einrichtung des Figma MCP-Servers in Latenode folgt demselben Muster wie jeder andere MCP-Server auf Latenode: Sie erstellen einen Workflow, fügen einen MCP Trigger hinzu und verbinden Figma-Aktionen als Tools.
- Öffnen Sie in Latenode die Figma-MCP-Vorlage.
- Die Vorlage enthält bereits einen MCP Trigger und Figma-Nodes, die als Tools verbunden sind (z. B. Projekte auflisten, Dateien auflisten, Versionshistorie, Kommentare).
- Autorisieren Sie Figma im Workflow (verbinden Sie Ihr Figma-Konto im Figma-Node).
- Speichern Sie den Workflow.
- Öffnen Sie den MCP Trigger-Node und kopieren Sie die Server-URL. Sie fügen sie im nächsten Abschnitt in Cursor ein.
- Wenn in der Vorlage die Authentifizierung für den MCP Trigger aktiviert ist, kopieren oder notieren Sie sich auch den API-Schlüssel; Cursor benötigt ihn beim Verbinden.
So verbinden Sie den Figma MCP-Server mit Cursor
Sobald Ihr Figma MCP-Server in Latenode läuft und Sie die Server-URL haben, verbinden Sie ihn mit Cursor, damit die KI die Figma-Tools verwenden kann.
- Öffnen Sie Cursor.
- Gehen Sie zu Settings (Zahnradsymbol oder Cursor → Settings).
- Suchen Sie nach MCP (oder MCP Servers / Tools).
- Klicken Sie auf Add server (oder die entsprechende Option).
- Fügen Sie die Server-URL ein, die Sie aus dem Latenode MCP Trigger kopiert haben.
- Wenn für Ihren Latenode-Workflow die Authentifizierung aktiviert ist, geben Sie den API-Schlüssel ein, wenn Cursor zur Authentifizierung auffordert.
- Speichern und bestätigen Sie die Verbindung.
- Öffnen Sie die Tool-Liste in Cursor und prüfen Sie, ob Ihre Figma-Tools (z. B. Projekte auflisten, Dateien auflisten, Kommentar posten) sichtbar sind.
Danach können Sie Cursor per natürlicher Sprache bitten, Ihre Figma-Projekte aufzulisten, Dateien in einem Projekt aufzulisten, die Versionshistorie anzuzeigen sowie Kommentare aufzulisten oder zu posten — und der Figma MCP-Server führt die Aktionen aus und gibt die Ergebnisse zurück. Eine vollständige Referenz finden Sie unter Connecting to MCP Tools in der Latenode-Dokumentation.
Zusammenfassung
- Figma MCP = Figma wird über das Model Context Protocol bereitgestellt, damit KI-Clients Figma-Vorgänge als Tools aufrufen können.
- Figma MCP-Server = der Dienst, der diese Tools bereitstellt (z. B. Projekte auflisten, Dateien auflisten, Versionshistorie, Kommentare).
- Sie können einen kostenlosen MCP-Server für Figma auf Latenode mit der Figma-MCP-Vorlage oder Ihrem eigenen Workflow mit MCP Trigger + Figma-Nodes bereitstellen.
- Verbinden Sie ihn mit Cursor, indem Sie die Server-URL von Latenode (und bei Bedarf den API-Schlüssel) in den MCP-Einstellungen von Cursor hinzufügen.
- Nutzen Sie anschließend MCP für Agenten-Workflows in Cursor: Die KI kann Projekte und Dateien auflisten, die Historie anzeigen und Kommentare per natürlicher Sprache posten.
Stellen Sie Ihren Figma MCP-Server auf Latenode bereit
Verwenden Sie die Figma-MCP-Vorlage, um Cursor (oder Claude oder einem beliebigen MCP-kompatiblen Client) über das Model Context Protocol direkten Zugriff auf Figma zu geben. Ein MCP-Server, eine Server-URL, keine Infrastruktur, die Sie warten müssen.
