设计与前端 ✓ OpenAI · 官方 figmaplugin-apidesign-systemsvariablescomponentsauto-layoutmcp

Figma 插件 API 操作助手

让智能代理按规则安全地读写 Figma 文件。

FollowSkills 评估 · FSRS-2.0
不推荐
47/ 100 五分制 2.4 / 5
信任安全14 / 25 · 2.8/5

技能明确要求通过Figma MCP执行JavaScript,说明了返回数据、增量操作、节点ID、错误停止和变量范围等安全边界;但未说明用户确认、敏感数据处理、权限隔离、回滚机制或数据流范围,且依赖外部Figma服务,因此扣分。

可靠稳定5 / 20 · 1.3/5

SKILL.md对API限制、页面上下文、错误恢复和验证提出了详细规则;但common-patterns.md及多处参考示例仍使用与主文档冲突的async IIFE和closePlugin写法,且没有提交测试或可复现执行证据,静态评分受限。

适用触发10 / 15 · 3.3/5

触发条件、目标受众和主要不适用范围较清晰,覆盖读写、变量、组件和页面构建;但未声明中文使用支持,核心功能依赖海外Figma MCP服务,且对不可达网络或无Figma环境的替代路径说明不足。

规范维护8 / 15 · 2.7/5

文档按核心规则、页面规则、工作流、错误恢复和参考资料分层,维护者标记为mcp_server,并提供大量示例;但许可证、版本、变更记录、维护责任和更新路径不清晰,安装说明与故障排查仍不完整。

有效结果6 / 15 · 2.0/5

技能为use_figma调用提供了具体API约束、增量流程、验证方式和常见错误处理,理论上可直接辅助Figma操作;但静态材料未证明关键路径实际完成,示例冲突会导致返工,因此未接近满分。

证据核验4 / 10 · 2.0/5

证据主要是仓库内的SKILL.md、参考文档和配置文件,规则与API示例可审计;但没有覆盖关键路径的测试套件、CI执行结果或第三方复核,且存在互相矛盾的示例,故仅给有限分数。

证据充分度: 评估于 2026年7月20日 审查版本 49f948faa925
使用前请注意
  • SKILL.md要求顶层await和return,但多个参考示例使用async IIFE与closePlugin;调用前应先统一采用哪套运行时约定。
  • 核心功能依赖https://mcp.figma.com/mcp,未提供中国大陆网络不可达时的替代方案或离线能力。
  • 文档未明确用户确认、数据流、权限范围和回滚方式;执行写操作前应由调用方自行建立这些控制。
  • 未发现许可证、版本和变更记录,维护与兼容性状态需要额外核实。
查看完整评分方法 →

它能做什么 & 适用场景

figma-use 是一个面向 Figma Plugin API 的 Agent Skill。它要求在每次调用 use_figma 之前先加载本技能,并通过 use_figma 在 Figma 文件上下文中执行 JavaScript。内容覆盖节点、变量、组件、自动布局、样式和页面切换等操作规则。它适合需要程序化创建、修改、删除或检查 Figma 内容的工作流,但依赖可用的 use_figma MCP。

它规定代理如何调用 use_figma,并要求始终传入 skillNames: "figma-use"。代理可据此在 Figma 文件上下文中执行 JavaScript,读取页面、节点、组件和变量,创建或修改节点、变量与组件,并返回 JSON 序列化的数据。每次创建或修改画布节点时,都必须返回受影响的节点 ID;复杂任务应拆分为多个调用,并在步骤后用元数据或截图验证结果。

  1. 设计师需要在 Figma 中批量创建或修改图层、组件和变体时。
  2. 设计系统维护者需要创建变量、设置变量作用域或绑定设计属性时。
  3. 前端或产品团队需要程序化调整自动布局、填充、文本或效果样式时。
  4. 自动化代理需要读取 Figma 页面结构并在后续调用中继续处理指定节点时。

优缺点一览

优点
  • 提供了较完整的 Figma Plugin API 操作约束和常见错误处理规则。
  • 强调先检查、分步执行和验证,适合复杂的 Figma 自动化流程。
  • 明确要求返回节点 ID,便于后续调用、校验和清理。
局限
  • 必须依赖 use_figma MCP,单独的技能文本不能直接操作 Figma。
  • 资料没有提供测试结果、支持平台清单或独立许可证信息。
  • 执行完整页面布局时还需要另一个 figma-generate-design 技能。

如何安装

README 说明,curated 技能可在 Codex 中运行 $skill-installer figma-use 安装;安装后重启 Codex。该资料未说明其他客户端的安装路径。

如何使用

先加载 figma-use,再提出需要操作 Figma 文件的请求,例如“在当前 Figma 文件中创建一个带自动布局的组件并返回所有新节点 ID”。涉及完整页面或多区块布局时,还需加载 figma-generate-design。任何 use_figma 调用都必须传入 skillNames: "figma-use"

常见问题

可以直接调用 use_figma 吗?
不可以。资料明确要求每次调用 use_figma 前先加载 figma-use,否则可能出现难以排查的失败。
它是否支持修改 Figma 文件?
支持相关工作流。资料涵盖创建、编辑和删除节点,以及变量、组件、自动布局和样式等修改,但实际执行需要 use_figma MCP。
失败的脚本会留下部分修改吗?
资料称 use_figma 脚本具有原子性;脚本报错时不会执行,也不会产生部分节点或孤立元素。
它是否包含完整的 Figma API 文档?
技能目录包含参考文档链接,并要求按需读取索引、类型定义和专题文档;给定资料未显示这些参考文件的完整内容。

同仓库的其他 Skills

均来自 openai/skills

效率与协作 ✓ OpenAI · 官方

目标定义助手

把模糊意图转化为可验证、可量化且范围明确的工作目标。

开发与工程 ✓ OpenAI · 官方

Codex CLI 构建器

把 API、脚本或现有工具变成可复用的命令行接口。

设计与前端 ✓ OpenAI · 官方

Codex 图像生成与编辑

为项目生成和编辑可直接使用的栅格图像资产。

开发与工程 ✓ OpenAI · 官方

OpenAI 开发文档助手

为 OpenAI 产品、API 与 Codex 提供基于官方资料的当前指导。

开发与工程 ✓ OpenAI · 官方

Skill Creator 技能创建指南

指导你设计、编写、验证和迭代可复用的 Codex 技能。

开发与工程 ✓ OpenAI · 官方

ASP.NET Core 开发指南

帮助构建、审查和升级 ASP.NET Core 应用。

开发与工程 ✓ OpenAI · 官方

ChatGPT Apps 构建助手

帮助开发者按文档构建带 MCP 服务端和组件界面的 ChatGPT 应用。

设计与前端 ✓ OpenAI · 官方

Figma 代码组件连接器

将 Figma 组件映射到代码实现,保持设计与代码关联。

设计与前端 ✓ OpenAI · 官方

Figma 新建文件助手

在 Figma 草稿中快速创建空白设计或 FigJam 文件。

设计与前端 ✓ OpenAI · 官方

Figma 设计实现助手

将 Figma 设计转化为可集成、可验证的高保真前端代码。

开发与工程 ✓ OpenAI · 官方

Playwright 浏览器自动化技能

通过终端驱动真实浏览器,完成网页操作、提取与界面调试。

自动化与运维 ✓ OpenAI · 官方

安全最佳实践审查

为 Python、JavaScript/TypeScript 和 Go 项目提供安全编码审查与改进建议。

设计与前端 ✓ OpenAI · 官方

Hatch Pet 动画宠物工坊

把角色或品牌视觉转成可验证、可打包的 Codex 动画宠物。

效率与协作 ✓ OpenAI · 官方

Linear 项目协作助手

在 Codex 中统一管理 Linear 工单、项目与团队协作流程。

自动化与运维 ✓ OpenAI · 官方

代码库威胁建模

基于代码库证据生成可执行的应用安全威胁模型。

自动化与运维 ✓ OpenAI · 官方

Sentry 生产错误观察助手

通过 Sentry CLI 检查问题、事件和生产环境健康数据。

设计与前端 ✓ OpenAI · 官方

Figma 设计系统规则生成器

为 Figma-to-code 项目生成符合代码库约定的设计系统规则。

写作与内容 ✓ OpenAI · 官方

音频转写助手

将音频或视频中的语音转成文本,并可标注说话人。

设计与前端 ✓ OpenAI · 官方

Figma 设计系统构建器

从代码库构建并校验专业级 Figma 设计系统。

设计与前端 ✓ OpenAI · 官方

Figma 设计转代码助手

从 Figma 获取设计上下文并将节点实现为生产代码。

相关 Skills