#22 · von 443 · nach wöchentlichen DownloadsMCP-Server
Figma MCP
Figma-Designs direkt mit KI-Coding-Agenten umsetzen
Platz
#22
von 443 · nach wöchentlichen Downloads
Wöchentliche Downloads
83.997
npm + PyPI, letzte 7 Tage
Zum Client hinzufügen
CommunityInstallation
npx -y figma-developer-mcp
mcpServers
{
"mcpServers": {
"framelink-figma-mcp": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
]
}
}
}- Transport
- stdio
- Laufzeitumgebung
- Node
- Authentifizierung
- Erforderlich
- Tools
- 2
- Lizenz
- MIT
Tools
get_figma_datadownload_figma_images
Highlights
- Direkte Integration der Figma API über persönliche Zugriffstoken, kein manueller Export erforderlich
- Extrahiert relevante Layout-, Abstands-, Typografie- und visuelle Eigenschaften in vereinfachter Form
- Unterstützt die Stapelverarbeitung von Design-Frames und Komponentengruppen
- Optionaler Bilddownload als visuelle Referenz für die Codegenerierung
- Funktioniert mit Cursor, Claude Code und allen Clients, die das MCP-Protokoll verwenden
Der Server verarbeitet Figma-URLs oder Datei-IDs und liefert ausgewählte Design-Metadaten, die für KI-Systeme leicht lesbar sind. Statt die vollständige Antwort der Figma API zu übermitteln, beschränkt er sich auf praktische Angaben, die ein KI-Modell zur Umsetzung eines Designs in Code benötigt – etwa welche Elemente Schaltflächen oder Textfelder sind sowie Abstände und Farbdefinitionen.
Die Installation erfolgt über npm, die Konfiguration mit einem persönlichen Figma-Zugriffstoken. Der Server benötigt Node.js 20 oder neuer und kommuniziert über stdio, sodass er sich nahtlos in MCP-kompatible Editoren und IDEs integrieren lässt.
Kommentare(0)
Zum Kommentieren anmelden