Twigs AI MCP Server
Bridges Figma and Twigs with MCP tools so any MCP client can generate high-quality Twigs React code from designs.
context tax
queued
security
queued
cold start
queued
freshness
queued
Install Twigs AI MCP server
Install in Claude Code
claude mcp add twigs-ai -- npx -y @sparrowengg/twigs-ai-mcpInstall in Cursor
{
"mcpServers": {
"twigs-ai": {
"command": "npx",
"args": [
"-y",
"@sparrowengg/twigs-ai-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"twigs-ai": {
"command": "npx",
"args": [
"-y",
"@sparrowengg/twigs-ai-mcp"
]
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"twigs-ai": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@sparrowengg/twigs-ai-mcp"
]
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"twigs-ai": {
"command": "npx",
"args": [
"-y",
"@sparrowengg/twigs-ai-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 Twigs AI MCP server in Claude Code?
Run: claude mcp add twigs-ai -- npx -y @sparrowengg/twigs-ai-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does Twigs AI require an API key?
No required environment variables are declared in its published metadata.
›Can I use Twigs AI as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is Twigs AI in the official MCP registry?
No. It was indexed from npm.
Alternatives to Twigs AI
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.