Supercharged Figma MCP

增压式Figma MCP

英语

增压式Figma MCP是一个MCP服务器+Figma插件堆栈，允许代理执行真正的Figma操作（非只读）。

• 用户指南： USER_GUIDE.md
• 开发者指南： DEVELOPER_GUIDE.md

快速开始

npm install
npm run build
npm run plugin:build
npm run start

运行时模式

# local mode (embedded relay + MCP stdio)
node dist/server.js --local

# remote relay mode
node dist/server.js --remote wss://example.com/supercharged-figma/ws

# expose MCP as streamable HTTP
node dist/server.js --local --transport http --host 127.0.0.1 --port 3333 --mcp-path /mcp

新巴拿马型船舶

npx -y supercharged-figma-mcp --local

MCP配置示例

{
  "mcpServers": {
    "supercharged-figma": {
      "command": "npx",
      "args": [
        "-y",
        "supercharged-figma-mcp",
        "--local",
        "--relay-host",
        "127.0.0.1",
        "--relay-port",
        "8888"
      ]
    }
  }
}

{
  "mcpServers": {
    "supercharged-figma-http": {
      "url": "https://your-domain.example.com/mcp"
    }
  }
}

协议拆分

• MCP客户端->MCP服务器： stdio 或 http/https （流式HTTP）
• Figma插件\继电器： ws/wss

项目布局

• src/：MCP服务器（TypeScript）
• figma-plugin/：插件运行时(code.ts)和UI(ui-enhanced.html)
• deploy/cloudflare/：的Worker部署模板 /mcp 和 /supercharged-figma/ws

发布

GitHub的发布是由以下因素驱动的 .github/workflows/npm-publish.yml:

• 发布触发器：推送标签匹配 v* （例如 v1.0.4)
• 手动触发： workflow_dispatch
• CI将在之前运行构建/测试检查 npm publish

简体中文

Supercharged Figma MCP 是一个 MCP Server + Figma 插件组合，支持 Agent 对 Figma 进行真实可执行操作。

• 用户文档：USER_GUIDE.md
• 开发者文档：DEVELOPER_GUIDE.md

快速开始

npm install
npm run build
npm run plugin:build
npm run start

运行模式

# 本地模式（内嵌 relay + MCP stdio）
node dist/server.js --local

# 远端 relay 模式
node dist/server.js --remote wss://example.com/supercharged-figma/ws

# MCP 以 Streamable HTTP 暴露
node dist/server.js --local --transport http --host 127.0.0.1 --port 3333 --mcp-path /mcp

新巴拿马型船舶

npx -y supercharged-figma-mcp --local

MCP 配置示例

{
  "mcpServers": {
    "supercharged-figma": {
      "command": "npx",
      "args": [
        "-y",
        "supercharged-figma-mcp",
        "--local",
        "--relay-host",
        "127.0.0.1",
        "--relay-port",
        "8888"
      ]
    }
  }
}

{
  "mcpServers": {
    "supercharged-figma-http": {
      "url": "https://your-domain.example.com/mcp"
    }
  }
}

协议分层

• MCP客户端->MCP服务器：stdio 或 http/https（流式HTTP）
• Figma 插件 \ Relay：ws/wss

发布

GitHub 自动发布由 .github/workflows/npm-publish.yml 处理：

• 触发方式：推送形如 v* 的 tag（例如 v1.0.4）
• 手动触发：workflow_dispatch
• 发布流程：CI 先执行构建与测试，再执行 npm publish