Figma Ant MCP Server
<div align="center"> <h1>🚀 只需要一个Figma地址，即可把设计转换成组件代码</h1>
context tax
queued
security
queued
cold start
queued
freshness
queued
Install Figma Ant MCP server
Install in Claude Code
claude mcp add figma-ant -- npx -y figma-ant-mcpInstall in Cursor
{
"mcpServers": {
"figma-ant": {
"command": "npx",
"args": [
"-y",
"figma-ant-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"figma-ant": {
"command": "npx",
"args": [
"-y",
"figma-ant-mcp"
]
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"figma-ant": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-ant-mcp"
]
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"figma-ant": {
"command": "npx",
"args": [
"-y",
"figma-ant-mcp"
]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Freshness
Not enough public signals yet to judge maintenance.
Last commit (default branch)
no data · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
no data · official registry
FAQ
›How do I install the Figma Ant MCP server in Claude Code?
Run: claude mcp add figma-ant -- npx -y figma-ant-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does Figma Ant require an API key?
No required environment variables are declared in its published metadata.
›Can I use Figma Ant as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is Figma Ant in the official MCP registry?
No. It was indexed from npm.
Alternatives to Figma Ant
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.