figma-designer
About
Give AI agents full read & write access to Figma — 50+ tools for design automation
Use this server
Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.
Transportstdio (runs a local command)
Env vars
FIGMA_TOKEN FIGMA_BRIDGE_PORTClaude Code
claude mcp add --env FIGMA_TOKEN= --env FIGMA_BRIDGE_PORT= figma-designer -- npx figma-designer-mcp
Cursor
If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.
VS Code
code --add-mcp '{"name":"figma-designer","command":"npx","args":["figma-designer-mcp"],"env":{"FIGMA_TOKEN":"","FIGMA_BRIDGE_PORT":""}}'
JSON
{
"mcpServers": {
"figma-designer": {
"command": "npx",
"args": [
"figma-designer-mcp"
],
"env": {
"FIGMA_TOKEN": "",
"FIGMA_BRIDGE_PORT": ""
}
}
}
}
Environment variables are listed by name only — fill in your own values. Entries never carry secrets.