Figma Console MCP Server

Name: Figma Console MCP Server
Author: mp3wizard

mp3wizard

开始使用源码仓库

Figma Console MCP - forked from southleft

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

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>"
      }
    }
  }
}

远程托管

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"
    }
  }
}

需要的环境变量

FIGMA_ACCESS_TOKEN
ENABLE_MCP_APPS

把占位值换成你自己的密钥；不要把密钥提交到代码仓库。

接入配置

本地运行

远程托管

需要的环境变量

相关推荐