SuperAPI AI 工具集

figma-content-operator

设计与创作

查看项目

更新于 10-16 00:00

技能介绍

用途:处理 Figma 内容任务,包括检查、读取、创建、编辑、导出和代码映射,也支持把 HTML/React/Vue 等网页复制到 Figma。画布操作通过官方 MCP Inspector CLI 驱动 @figwright/mcp;网页转换写入 Figma 剪贴板,不经过 MCP,也不替用户粘贴到画布。

运行要求:Node.js 22.19+、npx;网页复制需本机 Chromium 浏览器,使用 Axhub 扩展时可直接在目标网页操作;依赖 Figma 画布读写的任务需在目标文件中运行当前版本的 Drafito 或上游 Figwright 插件。将 SKILL_DIR 解析为包含本 SKILL.md 的目录,再按任务执行相应脚本。

交付路径:用户明确要求修改当前画布、选区或已有节点时,直接走 Figwright MCP;明确要求先做网页、响应式页面、多页面或浏览器状态时,先完成可运行网页,再走网页剪贴板流程;未说明交付路径时先询问先生成网页还是直接修改画布。网页复制统一读取 references/webpage-to-figma.md,不启动 Relay 或调用 MCP,最终由用户把剪贴板内容粘贴到目标 Figma 文件。

MCP 画布流程:确认目标文件、页面和操作范围,写入前先读取;运行 doctor,再在独立可保持运行的进程中启动 relay 并保留进程句柄;Relay 就绪后运行 launch-url,等用户确认已在 Figma 中运行 Drafito,再依次运行 ping 和 profile。按需读取选区、节点树、画布写入、设计系统、代码映射等参考文档。执行范围最小的写入,再通过 get_node、get_selection 或设计系统查询聚焦验证。任务完成、取消或失败后,停止本次启动的准确 Relay 进程,不管理 Drafito 插件本身。

限制:将创建、更新、移动、删除、导入、批处理和导出视为修改操作,严格限制在用户指定范围;优先聚焦读取,避免直接调用 get_document;不猜节点 ID 或参数结构;batch 只用于相关且可逆的编辑。批注相关参考 axhub-commentary,只在原始 Figma URL 上追加绝对 projectPath。失败、版本偏差、文件不明确或安全问题时读取 references/troubleshooting-and-security.md。