Figma UI MCP
Figma UI MCP is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. It has 260 GitHub stars, is released under the MIT license and runs locally with npx -y figma-ui-mcp.
- Developer tools
- MIT
- Actively maintained
Install Figma UI MCP
Generated from the server's MCP registry entry. Replace your-value with your own values.
Claude Desktop
{
"mcpServers": {
"figma-ui-mcp": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.
Claude Code
claude mcp add --transport stdio figma-ui-mcp -- npx -y figma-ui-mcpCursor
{
"mcpServers": {
"figma-ui-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Project file; use ~/.cursor/mcp.json to enable it in every project.
VS Code
{
"servers": {
"figma-ui-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).
About Figma UI MCP
Claude Code to Figma · Antigravity to Figma · Cursor to Figma · Any MCP IDE to Figma ✅ Tested: Claude Code, Antigravity | 🔧 Compatible: Cursor, VS Code, Windsurf, Zed (any MCP stdio client)
- ai
- ai-design-tool
- ai-tools
- antigravity
- auto-designing
- claude-code
- cursor
- figma
- figma-mcp
- figma-plugin
Similar MCP servers
More developer tools MCP servers
Gemini CLI
google-gemini/gemini-cli
An open-source AI agent that brings the power of Gemini directly into your terminal.
Developer toolsTypeScriptFront-End Checklist
thedaviddias/Front-End-Checklist
Review frontend code and live pages against 386 quality-gated web development rules.
Developer toolsMDXClaude Flow
ruvnet/ruflo
AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev.
Developer toolsTypeScriptCodebase Memory
DeusData/codebase-memory-mcp
Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.
Developer toolsCBytedance Filesystem
bytedance/UI-TARS-desktop
MCP server for filesystem access.
Developer toolsTypeScriptGitHub
github/github-mcp-server
Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.
OfficialDeveloper toolsGo
What is Figma UI MCP?
Figma UI MCP is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. It has 260 GitHub stars, is released under the MIT license and runs locally with npx -y figma-ui-mcp. The source code is at github.com/TranHoaiHung/figma-ui-mcp.
How do I install the Figma UI MCP MCP server?
Add the command npx -y figma-ui-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.
Is Figma UI MCP free?
The server is open source under the MIT license, so running it is free. It does not declare any required API key.
Is Figma UI MCP actively maintained?
The most recent commit was on Sep 21, 2026. The latest release is v2.5.26, published May 26, 2026. appsgit only lists MCP servers with a commit in the last six months and re-checks every server daily.