﻿---
title: "安装 Figma 插件"
summary: "安装 figma@openai-curated，使用设计到代码技能和 App。连接账号后按权限访问设计文件。"
category: skills
level: starter
surfaces: [cli, app]
tags: ["plugins", "Figma", "figma@openai-curated"]
canonical: /tips/figma-codex-plugin/
---

# 安装 Figma 插件

安装 figma@openai-curated，使用设计到代码技能和 App。连接账号后按权限访问设计文件。

安装 figma@openai-curated，使用设计到代码技能和 App。连接账号后按权限访问设计文件。

这是 Figma 做的设计到代码插件，用来看稿、实现界面、写 Code Connect 模板，以及生成项目级设计系统规则。产品页是 [Figma](https://openai.com/business/plugins/figma/)。清单 [`plugin.json`](https://github.com/openai/plugins/blob/main/plugins/figma/.codex-plugin/plugin.json) 的 name 是 `figma`、version 是 `2.0.20`，所以精选 id 是 `figma@openai-curated`。现行清单声明 [`.app.json`](https://github.com/openai/plugins/blob/main/plugins/figma/.app.json) 和 `skills/`，能力含 Interactive、Read、Write。**没有** `mcpServers` 字段。

CLI：

```bash
codex plugin add figma@openai-curated
codex plugin list
```

TUI `/plugins` 或桌面 Plugins 搜 Figma 再装，效果一样。装完按提示 Connect Figma 账号。IDE 扩展没有 `/plugins`，用 CLI 这条。

仓库另有 [`.mcp.json`](https://github.com/openai/plugins/blob/main/plugins/figma/.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](https://github.com/openai/plugins/blob/main/plugins/figma/README.md) 列出 `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 文件。


## 来源

- [OpenAI · Figma](https://openai.com/business/plugins/figma/)
- [openai/plugins · figma plugin.json](https://github.com/openai/plugins/blob/main/plugins/figma/.codex-plugin/plugin.json)
- [openai/plugins · figma README](https://github.com/openai/plugins/blob/main/plugins/figma/README.md)
