figma-developer-mcp
MCP server to provide Figma layout information to AI coding agents like Cursor
Figma MCP Server setup guide →What it does for you
Lets your AI read your Figma designs — pull layout, colors, spacing, and component data to turn designs straight into code.
Capabilities
- Read layout and styles from Figma files
- Extract design tokens (color / spacing / type)
- Turn design nodes into frontend code
Once installed, try asking your AI
Say this directly in Claude / Cursor or any client with this server connected
- ›“Convert this Figma component into a React + Tailwind component”
- ›“Extract every color used in this design into a palette”
Works with these clients
- Claude Desktopnpx
- Claude Codenpx
- Cursornpx
- VS Codenpx
- Windsurfnpx
Derived from the registry manifest (package type and transport) — we have not installed it ourselves. Check the official README before relying on it.
Install / Connect
claude mcp add figma-developer-mcp -- npx -y figma-developer-mcpFollow the official README; env and args vary per server.
🛠️ Maintenance weight 30% · 64 pts
📊 Adoption weight 25% · 78 pts
✅ Usability weight 20% · 55 pts
❤️ Health & community weight 25% · 81 pts
Sources: GitHub API · npm registry · updated 2026-07-30
90-day trend
⭐ stars +1%
📦 weekly downloads -1%
Similar / alternative servers
io.github.shinpr/sub-agents-mcp
AI sub-agent delegation for Cursor, Claude, Codex, Gemini, GLM, Kimi, Grok, and
io.github.raymondchins/agentmap
The TS/JS-accurate repo map for coding agents: ts-morph import/symbol/call graph
postman-mcp-server
Postman MCP Server — connect AI agents (Claude Code, Cursor, VS Code Copilot, Ge
io.github.Dhevenddra/forensic-deepdive
Persistent code knowledge graph + 9 composite MCP tools for AI coding agents.
One email a week, 5 minutes to see what happened in the MCP ecosystem
New servers, breakout trends, abandonment alerts — tracked automatically, curated by hand, sent to your inbox.
One email a week · unsubscribe anytime · no data selling