当任务涉及将应用页面、视图或多部分布局翻译到 Figma 时，将此技能与 figma-use 配合使用。触发词：“写入 Figma”、“从代码创建到 Figma”、“推送页面到 Figma”、“将此应用/页面构建到 Figma”、“创建屏幕”、“在 Figma 中构建着陆页”、“更新 Figma 屏幕以匹配代码”。当用户希望从代码或描述在 Figma 中构建或更新完整页面、屏幕或视图时，这是首选的工作流技能。
当任务涉及将应用页面、视图或多部分布局翻译到 Figma 时，将此技能与 figma-use 配合使用。触发词：“写入 Figma”、“从代码创建到 Figma”、“推送页面到 Figma”、“将此应用/页面构建到 Figma”、“创建屏幕”、“在 Figma 中构建着陆页”、“更新 Figma 屏幕以匹配代码”。当用户希望从代码或描述在 Figma 中构建或更新完整页面、屏幕或视图时，这是首选的工作流技能。
OpenAI 出品（官方仓库直接分发），属于 SKILL.md 开放标准技能：装一份，Claude Code、Codex、Cursor、Gemini CLI 都能用。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add openai/skills装好后不用任何配置，直接在对话里说：
接下来这个任务请用 figma-generate-design 技能来做AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
OpenAI 官方 GitHub 仓库（openai/skills）直接分发，本站核对于 2026-07-24。纯指令型，无可执行脚本。
终端跑 npx skills add openai/skills，安装器会自动识别你装的 AI 工具（Claude Code/Codex/Cursor/Gemini CLI 都支持），在列表里选 figma-generate-design 即可。