MCP Server
io.github.felixAnhalt/figma-to-code-mcp MCP Server
io.github.felixAnhalt/figma-to-code-mcp
What is the io.github.felixAnhalt/figma-to-code-mcp MCP server?
LLM-optimized Figma MCP server.
How to install io.github.felixAnhalt/figma-to-code-mcp
Copy-paste configuration for popular MCP clients.
transport: stdio
Config generated by PluginBench — verify against the source before use.Environment / auth
FIGMA_API_KEYrequiredsecretYour Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens
Claude Desktop
~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"figma-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"@tmegit/figma-to-code-mcp",
"--stdio"
],
"env": {
"FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
}
}
}
}Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"figma-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"@tmegit/figma-to-code-mcp",
"--stdio"
],
"env": {
"FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
}
}
}
}Windsurf
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"figma-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"@tmegit/figma-to-code-mcp",
"--stdio"
],
"env": {
"FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
}
}
}
}VS Code
.vscode/mcp.json
{
"servers": {
"figma-to-code-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@tmegit/figma-to-code-mcp",
"--stdio"
],
"env": {
"FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
}
}
}
}Claude Code
claude mcp add figma-to-code-mcp --env FIGMA_API_KEY=<YOUR_FIGMA_API_KEY> -- npx -y @tmegit/figma-to-code-mcp --stdio