io.github.GLips/Figma-Context-MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

npm版本 0.13.2

源码仓库

仓库 Star
15,984

接入配置

Claude Code

claude mcp add --transport stdio --env "FIGMA_API_KEY=<figma_api_key>" figma-context-mcp -- npx -y [email protected]

Codex,写入 ~/.codex/config.toml

[mcp_servers.figma-context-mcp]
command = "npx"
args = ["-y", "[email protected]"]

[mcp_servers.figma-context-mcp.env]
FIGMA_API_KEY = "<figma_api_key>"

Cursor,写入 .cursor/mcp.json

{
  "mcpServers": {
    "figma-context-mcp": {
      "args": [
        "-y",
        "[email protected]"
      ],
      "command": "npx",
      "env": {
        "FIGMA_API_KEY": "\u003cfigma_api_key\u003e"
      }
    }
  }
}

Claude Desktop,写入 claude_desktop_config.json

{
  "mcpServers": {
    "figma-context-mcp": {
      "args": [
        "-y",
        "[email protected]"
      ],
      "command": "npx",
      "env": {
        "FIGMA_API_KEY": "\u003cfigma_api_key\u003e"
      }
    }
  }
}

VS Code,写入 .vscode/mcp.json

{
  "servers": {
    "figma-context-mcp": {
      "args": [
        "-y",
        "[email protected]"
      ],
      "command": "npx",
      "env": {
        "FIGMA_API_KEY": "\u003cfigma_api_key\u003e"
      },
      "type": "stdio"
    }
  }
}

相关服务器

数据来自官方 MCP 注册表和 GitHub。NoviaHub 与服务器作者无关联,也不运行任何服务器;接入前请自行核实。