用 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 中做设计到代码协作的开发者。

阅读全文