Interacts with Figma file content, components, comments, projects, dev resources and webhooks through the Figma API.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add figma-server-deepsuthar496 --env FIGMA_ACCESS_TOKEN='<FIGMA_ACCESS_TOKEN>' -- node path/to/figma-server/build/index.js~/.codex/config.toml
[mcp_servers.figma-server-deepsuthar496]
command = "node"
args = ["path/to/figma-server/build/index.js"]
env = { FIGMA_ACCESS_TOKEN = "<FIGMA_ACCESS_TOKEN>" }
# codex mcp add figma-server-deepsuthar496 --env FIGMA_ACCESS_TOKEN='<FIGMA_ACCESS_TOKEN>' -- node path/to/figma-server/build/index.js~/.cursor/mcp.json
{
"mcpServers": {
"figma-server-deepsuthar496": {
"command": "node",
"args": [
"path/to/figma-server/build/index.js"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"figma-server-deepsuthar496": {
"type": "stdio",
"command": "node",
"args": [
"path/to/figma-server/build/index.js"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figma-server-deepsuthar496": {
"command": "node",
"args": [
"path/to/figma-server/build/index.js"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"figma-server-deepsuthar496": {
"command": "node",
"args": [
"path/to/figma-server/build/index.js"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"figma-server-deepsuthar496": {
"command": "node",
"args": [
"path/to/figma-server/build/index.js"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
}
}
}
}Environment variables
FIGMA_ACCESS_TOKEN
Replace the placeholders with your own credentials and keep them out of version control.