Figma Console MCP - forked from southleft
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add figma-console --env FIGMA_ACCESS_TOKEN='<FIGMA_ACCESS_TOKEN>' --env ENABLE_MCP_APPS='<ENABLE_MCP_APPS>' -- npx -y @mp3wizard/figma-console-mcp@latest~/.codex/config.toml
[mcp_servers.figma-console]
command = "npx"
args = ["-y", "@mp3wizard/figma-console-mcp@latest"]
env = { FIGMA_ACCESS_TOKEN = "<FIGMA_ACCESS_TOKEN>", ENABLE_MCP_APPS = "<ENABLE_MCP_APPS>" }
# codex mcp add figma-console --env FIGMA_ACCESS_TOKEN='<FIGMA_ACCESS_TOKEN>' --env ENABLE_MCP_APPS='<ENABLE_MCP_APPS>' -- npx -y @mp3wizard/figma-console-mcp@latest~/.cursor/mcp.json
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": [
"-y",
"@mp3wizard/figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
"ENABLE_MCP_APPS": "<ENABLE_MCP_APPS>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"figma-console": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mp3wizard/figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
"ENABLE_MCP_APPS": "<ENABLE_MCP_APPS>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": [
"-y",
"@mp3wizard/figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
"ENABLE_MCP_APPS": "<ENABLE_MCP_APPS>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": [
"-y",
"@mp3wizard/figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
"ENABLE_MCP_APPS": "<ENABLE_MCP_APPS>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": [
"-y",
"@mp3wizard/figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
"ENABLE_MCP_APPS": "<ENABLE_MCP_APPS>"
}
}
}
}Remote
claude mcp add --transport http figma-console https://figma-console-mcp.southleft.com/sse~/.codex/config.toml
[mcp_servers.figma-console]
url = "https://figma-console-mcp.southleft.com/sse"
# codex mcp add figma-console --url https://figma-console-mcp.southleft.com/sse~/.cursor/mcp.json
{
"mcpServers": {
"figma-console": {
"url": "https://figma-console-mcp.southleft.com/sse"
}
}
}.vscode/mcp.json
{
"servers": {
"figma-console": {
"type": "http",
"url": "https://figma-console-mcp.southleft.com/sse"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figma-console": {
"httpUrl": "https://figma-console-mcp.southleft.com/sse"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://figma-console-mcp.southleft.com/sse"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"figma-console": {
"url": "https://figma-console-mcp.southleft.com/sse"
}
}
}Environment variables
FIGMA_ACCESS_TOKENENABLE_MCP_APPS
Replace the placeholders with your own credentials and keep them out of version control.