AI导哈

Figma操作增强插件

Supercharged Figma MCP 是一个MCP服务器与Figma插件组合，支持代理对Figma进行真实可执行操作，适用于设计协作与自动化场景。

  • by aw338WoWmUI
  • TypeScript
  • 混合部署
  • 2 星标
  • 更新于
在 GitHub 查看 aw338WoWmUI/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

相关 MCP