安装 Figma 插件
安装 figma@openai-curated,使用设计到代码技能和 App。连接账号后按权限访问设计文件。
安装 figma@openai-curated,使用设计到代码技能和 App。连接账号后按权限访问设计文件。
这是 Figma 做的设计到代码插件,用来看稿、实现界面、写 Code Connect 模板,以及生成项目级设计系统规则。产品页是 Figma。清单 plugin.json 的 name 是 figma、version 是 2.0.20,所以精选 id 是 figma@openai-curated。现行清单声明 .app.json 和 skills/,能力含 Interactive、Read、Write。没有 mcpServers 字段。
CLI:
codex plugin add figma@openai-curated
codex plugin list
TUI /plugins 或桌面 Plugins 搜 Figma 再装,效果一样。装完按提示 Connect Figma 账号。IDE 扩展没有 /plugins,用 CLI 这条。
仓库另有 .mcp.json,表名是 figma,type 是 http,URL 是 https://mcp.figma.com/mcp(带 /mcp),oauth_resource 也是 https://mcp.figma.com/mcp。因为现行 plugin.json 没有挂 mcpServers,不要假设 plugin add 会自动叠这张 MCP 表。只要 MCP、不要技能和 App 时,走现有的远程 MCP 技巧:codex mcp add figma --url https://mcp.figma.com/mcp,再 mcp login figma。插件已经登记 MCP 时,不要再 mcp add 叠一张。
技能随插件走,仓库 README 列出 figma-implement-design、figma-code-connect、figma-create-design-system-rules、figma-create-new-file、figma-generate-design、figma-generate-library、figma-use。不要 npx skills add 当 Codex 安装器,也不要手拷到 ~/.codex/skills。
在支持的 Codex 任务视图里,打开 Sources → Use plugins,再搜已安装的 Figma。ChatGPT 里可以用 @Figma。
0.154 起先看当前会话的 /plugins;没有再新开。codex plugin list 里应看到 figma@openai-curated。网页 Cloud 不读 ~/.codex/config.toml。Cloud 用 Plugins 搜 Figma。
使用注意事项:
- 操作影响:改稿、新建文件、写回设计系统会动真实 Figma 文件。