SuperAPI AI 工具集

figma-pilot-mcp

设计与创作

查看项目

更新于 10-16 01:07

技能介绍

用途:Figma Pilot 是一个 MCP(Model Context Protocol)服务器,让 AI 智能体通过代码执行控制 Figma,以编程方式创建、修改和查询设计元素。它不暴露大量独立工具,而是仅提供 3 个 MCP 工具,通过 JavaScript 代码执行获得完整 Figma API 访问。

主要能力:提供 figma_status(检查插件是否连接)、figma_execute(执行带 Figma API 的 JavaScript 代码)、figma_get_api_docs(获取 API 文档)三个工具。核心 API 覆盖查询(selection、nodeId、page、document)、创建(矩形、文本、框架、自动布局)、修改、删除、追加、组件(列出、实例化、转组件、创建变体)、设计令牌(创建与绑定)、无障碍检查(WCAG AA/AAA,可自动修复)、导出(PNG/SVG/JPG)。优势包括工具定义 token 减少 90% 以上、批量操作、返回前过滤数据、支持循环与条件等复杂工作流。

使用方式:先安装 MCP 服务器,Claude Code 执行 claude mcp add figma-pilot -- npx @youware-labs/figma-pilot-mcp;其他客户端在配置文件中加入 mcpServers 配置,command 为 npx,args 为 @youware-labs/figma-pilot-mcp。再从 GitHub Releases 下载 figma-pilot-plugin-vX.X.X.zip,解压后在 Figma 中通过 Plugins > Development > Import plugin from manifest... 选择 manifest.json,运行插件并确认显示 Connected。架构为 MCP 客户端经 stdio 连接 MCP 服务器,服务器经 HTTP 端口 38451 连接 Figma 插件。

适用场景:批量修改元素、生成设计系统组件与变体、创建卡片与响应式网格布局、过滤处理图层、无障碍检查与导出等。

限制:需同时运行 MCP 服务器与 Figma 插件;端口 38451 不能被占用;部分字体可能不可用;大型文档需先过滤数据;代码执行需处理查询为空与错误情况。具体收费、价格与平台支持暂未提供。