将 Figma 设计转化为生产就绪的应用代码，实现 1:1 视觉保真度。当从 Figma 文件实现 UI 代码、用户提到“实现设计”、“生成代码”、“实现组件”、提供 Figma URL，或要求构建匹配 Figma 规范的组件时使用。如需通过 `use_figma` 写入 Figma 画布，请使用 `figma-use`。
将 Figma 设计转化为生产就绪的应用代码，实现 1:1 视觉保真度。当从 Figma 文件实现 UI 代码、用户提到“实现设计”、“生成代码”、“实现组件”、提供 Figma URL，或要求构建匹配 Figma 规范的组件时使用。如需通过 `use_figma` 写入 Figma 画布，请使用 `figma-use`。
OpenAI 出品（官方仓库直接分发），属于 SKILL.md 开放标准技能：装一份，Claude Code、Codex、Cursor、Gemini CLI 都能用。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add openai/skills装好后不用任何配置，直接在对话里说：
接下来这个任务请用 figma-implement-design 技能来做AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
OpenAI 官方 GitHub 仓库（openai/skills）直接分发，本站核对于 2026-07-24。纯指令型，无可执行脚本。
终端跑 npx skills add openai/skills，安装器会自动识别你装的 AI 工具（Claude Code/Codex/Cursor/Gemini CLI 都支持），在列表里选 figma-implement-design 即可。