A
securityF
licenseA
qualityEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Last updated -
2
69
132
TypeScript
Geben Sie Cursor und anderen KI-gestützten Codierungstools mit diesem Model Context Protocol- Server Zugriff auf Ihre Figma-Dateien.
Wenn Cursor Zugriff auf die Figma-Designdaten hat, ist er bei der präzisen Erstellung von One-Shot-Designs weitaus besser als bei alternativen Ansätzen wie dem Einfügen von Screenshots.
Demo
Sehen Sie sich eine Demo zum Erstellen einer Benutzeroberfläche in Cursor mit Figma-Designdaten an
So funktioniert es
- Öffnen Sie den Chat Ihrer IDE (z. B. Agentenmodus im Cursor).
- Fügen Sie einen Link zu einer Figma-Datei, einem Figma-Frame oder einer Figma-Gruppe ein.
- Bitten Sie Cursor, etwas mit der Figma-Datei zu tun, z. B. das Design zu implementieren.
- Cursor ruft die relevanten Metadaten von Figma ab und verwendet sie zum Schreiben Ihres Codes.
Dieser MCP-Server ist speziell für die Verwendung mit Cursor konzipiert. Bevor er mit Kontext aus der Figma-API antwortet, vereinfacht und übersetzt er die Antwort, sodass dem Modell nur die relevantesten Layout- und Stilinformationen bereitgestellt werden.
Durch die Reduzierung der dem Modell bereitgestellten Kontextmenge wird die KI präziser und die Antworten relevanter.
Erste Schritte
Viele Code-Editoren und andere KI-Clients verwenden eine Konfigurationsdatei zur Verwaltung von MCP-Servern.
Der figma-developer-mcp Server kann konfiguriert werden, indem Sie Ihrer Konfigurationsdatei Folgendes hinzufügen.
HINWEIS: Sie müssen ein Figma-Zugriffstoken erstellen, um diesen Server nutzen zu können. Anweisungen zum Erstellen eines Figma-API-Zugriffstokens finden Sie hier .
MacOS / Linux
Windows
Oder Sie können FIGMA_API_KEY und PORT im env festlegen.
Wenn Sie weitere Informationen zum Konfigurieren des Framelink Figma MCP-Servers benötigen, lesen Sie die Framelink-Dokumente .
Sternengeschichte
Mehr erfahren
Der Framelink Figma MCP-Server ist einfach, aber leistungsstark. Holen Sie das Beste aus ihm heraus und erfahren Sie mehr auf der Framelink- Website.
Sponsoren
🥇 Gold-Sponsoren
🥈 Silber-Sponsoren
🥉 Bronze-Sponsoren
😻 Kleinere Unterstützer
This server cannot be installed
remote-capable server
The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.
Ermöglicht Cursor den Zugriff auf Figma-Dateien über das Model Context Protocol und verbessert so seine Fähigkeit, Designdaten für die Codegenerierung genau zu interpretieren und zu nutzen.
Related Resources
Related MCP Servers
- AsecurityAlicenseAqualityAn MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.Last updated -192,6774,958JavaScriptMIT License
- -securityAlicense-qualityA Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.Last updated -1314TypeScriptMIT License
- AsecurityFlicenseAqualityA tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.Last updated -1JavaScript