Figma UI MCP Server
by tranhoaihungio.github.TranHoaiHung/figma-ui-mcpv2.5.26
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
context tax
queued
security
queued
cold start
queued
freshness
Active19d ago
Install Figma UI MCP server
Install in Claude Code
claude mcp add figma-ui -- npx -y figma-ui-mcpInstall in Cursor
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"figma-ui": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Freshness
Active — last maintenance signal 19d ago. The newest of the signals below sets the band.
Last commit (default branch)
2026-09-21 · 19d ago · GitHub
Latest release
2026-05-26 · 5mo ago · GitHub · v2.5.26
Package published
no data · npm/PyPI
Registry entry updated
2026-05-26 · 5mo ago · official registry · v2.5.26
FAQ
›How do I install the Figma UI MCP server in Claude Code?
Run: claude mcp add figma-ui -- npx -y figma-ui-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does Figma UI require an API key?
No required environment variables are declared in its published metadata.
›Can I use Figma UI as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is Figma UI in the official MCP registry?
Yes, as io.github.TranHoaiHung/figma-ui-mcp.
Alternatives to Figma UI
Other design MCP servers.
Figma DeveloperSlowingGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
MagicActiveCreate crafted UI components inspired by the best 21st.dev design engineers.
JS ReverseMaintainedJS reverse engineering MCP server with agent-first tool design and built-in anti-detection. 为 AI Agent 设计的 JS 逆向 MCP Server，内置反检测。
SemioticActiveSemiotic React data visualization: suggest charts for a dataset, render validated configs to SVG, diagnose anti-patterns and fetch component schemas.
FigmaActiveThe Figma MCP server brings Figma design context directly into your AI workflow.
TypeUISlowingDesign systems, UI prompts, and layout variations for AI coding tools.