Figma免费账号连接智能体
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_72bcd784/figma-free-to-agent。
技能介绍
解决免费账号的写入死局
在 Figma 中让 Agent 自动生成或修改设计稿时,免费账号(Free Plan)通常会直接撞墙。官方远程 MCP(mcp.figma.com)强制要求付费席位和 OAuth 白名单,普通客户端基本连不上;而桌面端本地 MCP Server 藏在付费的 Dev Mode 中,免费账号同样无权使用。
本技能的核心思路是利用 Figma Console MCP。由于它走的是 Plugin API 进行写操作,这在包括免费套餐在内的所有套餐中都可用,完美绕过了席位与白名单限制。
核心工作流与关键步骤
要跑通这套方案,需要一次性配置环境并建立本地桥梁。
- 预装与配置:提前安装 Console MCP 二进制文件(避免 npx 现场下载超时),并在
mcp.json中直接调用该二进制路径。重启 WorkBuddy 并信任连接器后,系统会加载 100+ 个工具。 - 桌面端桥接:每次写设计前,需在 Figma 桌面端的目标文件中手动运行 Bridge 插件。插件会扫描本地端口(9223–9232),将 MCP 服务与当前文件连接。
- 节点创建与校验:Agent 通过
figma_execute传入创建节点(如frame、text)的代码执行写入。
适用边界与避坑指南
在实际工程落地中,有几个明显的坑需要注意:
- 异步返回值陷阱:如果在
figma_execute中使用了await figma.loadFontAsync(...),MCP 会因为不等异步返回值而报错returned undefined,但节点其实已经创建成功。判断成败必须用findChild(...)或findAll(...)进行二次查询,千万别依赖执行的 return 值。 - 端口与进程残留:如果 Bridge 插件已运行但状态接口报
No active file connected,通常是早前残留的node.exe占用了端口,需要清理进程。 - Cloud Mode 兜底:如果不想折腾桌面端插件,可以改用 HTTP 模式的云端服务,但这仅提供约 44 个写工具,能力有所缩减。
使用场景
- 独立设计师使用免费Figma账号时,需要让AI自动生成界面原型的frame和text节点
- 小团队没有付费Figma席位,要让Agent批量修改设计稿中的矩形和矢量元素
- 开发者想通过MCP让智能体连接Figma桌面端创建文本图层,但受限于免费账号的OAuth限制
- 运营人员需要快速生成Figma设计稿的占位内容,不想手动拖拽元素
适合人员
- 独立设计师,需要在免费Figma账号下让AI辅助生成界面原型
- 小团队技术负责人,想为团队解决免费Figma账号无法使用Agent写设计的问题
- 个人开发者,想通过MCP让智能体操作Figma但受限于付费席位
- 创业团队运营,需要快速生成Figma设计稿的占位文本和frame