silships/figma-cli

这是什么？

核心功能

• 01AI 助手可在 Figma 中创建和编辑真实的 frame、组件、变体和变量。
• 02通过本地 CDP 连接 Figma 桌面应用，无需 API Key，也没有速率限制。
• 03支持从 DESIGN.md、Tailwind 配置、CSS 变量和 W3C 令牌 JSON 导入设计令牌。
• 04可将文件的设计系统导出为 DESIGN.md，并保留变量模式与别名。
• 05提供确定性的 check 命令，可在 CI 中检测设计漂移和未绑定的硬编码颜色。

适用场景

• 通过向 Claude Code 或 Cursor 描述需求，直接在 Figma 中搭建界面。
• 把代码库中的品牌设计令牌同步到 Figma 文件。
• 在不同 Figma 文件之间记录或迁移设计系统。
• 在持续集成中自动检查设计系统的漂移和令牌绑定情况。

快速上手

1. 1

   安装并打开 Figma Desktop

2. 2

   从 GitHub 下载 figma-cli 项目（或克隆），并在其文件夹中打开终端

3. 3

   安装 CLI 依赖（需要 Node 18 或更高版本）

   npm install
4. 4

   在项目文件夹中打开 Claude Code，输入“connect to Figma”

使用前须知

• !需要安装并打开 Figma Desktop；默认模式下不能只依赖 figma.com 网页版。
• !默认的 Yolo 模式会对 Figma Desktop 应用打补丁，macOS 可能需要授予“App Management”权限。
• !需要 Node.js 18 或更高版本，以及 Claude Code 或 Cursor 等 AI 编程助手。

标签

常见问题

figma-cli 是什么？

让 AI 助手通过本地 Figma 桌面应用直接创建和编辑可编辑设计稿的命令行工具，无需 API Key。 figma-cli 是连接 Claude Code、Cursor 等 AI 编程助手与 Figma 桌面应用的命令行工具。助手可以直接在打开的 Figma 文件中创建 frame、组件、变体和变量，生成的是可编辑的 Figma 内容而非静态图片。连接通过本地 Chrome DevTools Protocol 完成，不需要 Figma API Token，也不经过 Figma 云端 REST API。

figma-cli 可以免费使用吗？用的什么许可证？

figma-cli 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

figma-cli 还在维护吗？

活跃维护中。figma-cli 最近一次提交是在 2026年10月7日。

figma-cli 适合用来做什么？

通过向 Claude Code 或 Cursor 描述需求，直接在 Figma 中搭建界面。 把代码库中的品牌设计令牌同步到 Figma 文件。 在不同 Figma 文件之间记录或迁移设计系统。 在持续集成中自动检查设计系统的漂移和令牌绑定情况。

figma-cli 怎么安装和运行？

安装并打开 Figma Desktop 从 GitHub 下载 figma-cli 项目（或克隆），并在其文件夹中打开终端 安装 CLI 依赖（需要 Node 18 或更高版本）: npm install 在项目文件夹中打开 Claude Code，输入“connect to Figma”

在哪里获取 figma-cli？

源代码和安装说明在 GitHub 上：https://github.com/silships/figma-cli