免费的Figma插件+CLI，这样Claude Code、Codex或任何shell代理都能读取和编辑你打开的Figma文件。本地WebSocket，每个变异只需一次撤销步骤，没有座位。
概览
检查实时选区，扫描设计系统，创建帧，绑定变量，变异自动布局特征，并直接从Claude Code、Codex、Gemini CLI和Antigravity导出视觉验证PNG。 快速入门 ·它能带来什么 ·安装 ·工作原理 ·命令 ·限制 官方的只读 Figma MCP 会将 150k+ 字符的噪声 JSON 导入上下文窗口，且无法在没有昂贵企业级接口的情况下返回画布。将本地 WebSocket 中继与输入的 CLI 命令（检查、扫描设计系统、创建框架、设置文本、导出 png --assert）配对，这些命令工作于 。 在你的AI编码代理中打开你的项目，描述你需要什么： “检查当前选中的Figma帧，提取其自动布局和变量标记，构建匹配的React组件。” “扫描活跃的Figma文件设计系统令牌，并使用我们的DLS组件创建新的1440x900定价区框。
概述（AI 翻译）
零成本实时Figma画布桥接器（figma-agent CLI + Ease Design Figma Agent插件）用于AI编码代理——可在Figma Free上运行。
检查实时选区，扫描设计系统，创建帧，绑定变量，变异自动布局特征，并直接从Claude Code、Codex、Gemini CLI和Antigravity导出视觉验证PNG。
快速入门 ·它能带来什么 ·安装 ·工作原理 ·命令 ·限制
为什么会有这样的存在
官方的只读 Figma MCP 会将 150k+ 字符的噪声 JSON 导入上下文窗口，且无法在没有昂贵的企业席位的情况下写回画布。design-os-figma-plugin 将本地 WebSocket 中继与输入为 CLI 命令（inspect、scan-design-system、create-frame、set-text、export-png --assert）配对，这些命令可在 Figma Free 上运行。
| 维度 | 通用 AI / 手动工作流程 | DESIGN：OS Figma 插件 & CLI（DESIGN:OS） |
|---|---|---|
| Canvas 写访问 | 唯读 REST API 或仅限企业级测试桥 | Figma Free 上支持全双向读+写（create-frame、set-text、clone-traits、exec-js） |
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
DESIGN:OS Figma Plugin & CLI (design-os-figma-plugin)
Zero-cost live Figma canvas bridge (figma-agent CLI + DESIGN:OS Bridge plugin) for AI coding agents — works on Figma Free.
Inspect live selections, scan design systems, create frames, bind variables, mutate auto-layout traits, and export visual verification PNGs directly from Claude Code, Codex, Gemini CLI, and Antigravity.
Quickstart · What it makes · Install · How it works · Commands · Limits
Why this exists
Figma’s official MCP server is remote and plan-gated: write tools need a Professional or higher plan and edit access, and read calls are capped on lower tiers (see Figma’s MCP rate limits). Large node dumps can also fill an agent’s context window. This bridge is a local alternative for the file you already have open in Figma Desktop, and it coexists with the official server. design-os-figma-plugin pairs a local WebSocket relay with typed CLI commands (inspect, scan-design-system, create-frame, set-text, export-png --assert) that work on Figma Free.
| Dimension | Generic AI / Manual Workflow | DESIGN:OS Figma Plugin & CLI (DESIGN:OS) |
|---|---|---|
| Canvas Write Access | Official MCP writes need a paid plan and edit access; REST APIs are read-only | Full bidirectional read + write (create-frame, set-text, clone-traits, exec-js) on Figma Free |
| Context Window Usage | 155K-character raw node dumps that overflow agent context | Compact, depth-controlled inspect and context summaries |
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add jangtrinh/design-os-figma-plugin