安装 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.jsonskills/,能力含 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-designfigma-code-connectfigma-create-design-system-rulesfigma-create-new-filefigma-generate-designfigma-generate-libraryfigma-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 文件。

来源