用 OpenAI 官方 figma Skill，把 Figma 设计拉进 AI 编程工作流
介绍 OpenAI curated 的 figma Skill：它如何配合 Figma MCP（mcp.figma.com）获取设计上下文、截图、变量与资源，并按固定流程把节点落地为项目代码。文中核实了安装方式（$skill-installer / 目录拷贝）、Codex 的 MCP 配置（FIGMA_OAUTH_TOKEN、RMCP client）、必走工具链（get_design_context → get_metadata → get_screenshot）以及链接驱动的提示词写法，适合在 Codex、Cursor、Claude Code 中做设计到代码协作的开发者。
阅读全文figma-implement-design：OpenAI 官方 Skill，把 Figma 设计稿 1:1 还原为生产级代码
figma-implement-design 是 OpenAI curated Agent Skill，配合 Figma MCP 将设计节点翻译为仓库内可交付 UI 代码。文章介绍其七步工作流、与 figma-use 等 Skill 的边界、MCP 前置条件，以及在 Cursor（/add-plugin figma）、Codex（$skill-installer）等工具中的安装与典型用法，帮助开发者缩短 Design-to-Code 迭代周期。
阅读全文