你的 CLI 变成设计工作室
Open Design 是 Claude Design 的本地优先、开源替代品,作为 macOS 和 Windows 的原生桌面应用发布。它建在一个具体、值得说清的想法上:它拿走 Anthropic 随 Claude Design 引入的那个智能体原生循环,发现需求、锁定方向、流式产出工件、批评、交付,然后不再把它闭着,而是把它变成一个由技能、设计系统和插件组成的文件系统,让你笔记本上已有的编程智能体去读、写、重混。
后果是:这是一个智能体时代的 Figma 替代品,而非又一块画布。你不推像素。你描述意图,你的智能体就流式产出单页工件,用真实的 CSS、真实的字体、真实的组件,且已被你的设计系统塑形。那个区别,真实代码工件胜过绘图表面,就是全部的卖点。
它能产出什么
在一个项目的 Studio 里,一套设计系统流式产出几种工件类型:
- 原型(Prototype):单页 HTML 工件,读你的设计系统、在沙箱 iframe 里渲染,可即时预览、可下载源码。
- HyperFrame:程序化的动效和动画图形,渲染成真实 MP4,例如 1920x1080、30fps。
- Deck:你可翻页的演示稿,导出为 PPTX 或 PDF。
- Image:品牌级视觉资产,高分辨率。
它出厂带 100 多个技能、150 套品牌级 DESIGN.md 系统、261 个插件,导出到 HTML、PDF、PPTX、MP4。DESIGN.md 文件是关键概念:它把你团队的品牌提炼成一份契约、塑形每一个输出,于是智能体无需反复交底就保持在品牌之内。
安装并接到你的智能体
Open Design 以桌面应用、外加技能、一个 CLI 和一个 MCP server 的形式分发。从 GitHub releases 下载 macOS 或 Windows 的应用。自 2026 年 6 月 v0.9.0 起,一个官方 Model Router 内建进应用,于是你登录就能开始、无需配置 CLI 或准备 API key。要改从编程智能体里驱动它,一条命令把 MCP server 接进那个智能体的配置:
od mcp install <agent>它支持 Claude Code、OpenClaw、Codex、Cursor、OpenCode、Qwen、Copilot、Hermes、Kimi、Antigravity 和二十多个本地 CLI,或经自带 key 的任意 OpenAI 兼容端点。
它适合什么,以及成熟度说明
如果你想要「以真实、可导出、被一份版本化品牌契约塑形的代码形式存在」的设计输出,且你已经在编程智能体里工作,就上 Open Design。智能体原生的模型意味着:写你应用的同一个工具,也能产出演示稿和原型,无需一个单独的画布应用、或绕一圈走设计师的文件格式。
它仍是 1.0 之前,截至 2026-06 有 410 个 open issue、一个 v0.9.0 发布,并倚靠一个社区 Fellow 计划定方向。把它当成有能力且快速移动、而非已尘埃落定:如果你在它上面搭一条可复用管线,就钉死一个版本,并预期技能和设计系统库会持续扩张。
Open Design 与替代品的对比
| Open Design | Penpot | Figma / Claude Design | |
|---|---|---|---|
| Stars | 62,675 | 49,483 | 闭源 |
| 模式 | 智能体原生、代码工件 | 开源设计画布 | 闭源画布 / 托管智能体 |
| 运行 | 本地桌面加你的 CLI | 自托管或托管 | 仅云端 |
| 导出 | HTML、PDF、PPTX、MP4 | 标准设计格式 | 绑定平台 |
计数取自 GitHub,截至 2026 年 6 月。Penpot 是确立的开源 Figma 替代品,但它是一块你在里面画的设计画布,不是一个智能体原生的工件引擎。Figma 和 Claude Design 是 Open Design 对标的闭源产品,没有可衡量的公开仓库。Open Design 与众不同的押注是:设计工具应该就是你已经在跑的那个编程智能体,产出真实代码、而非画布文件。
相关
Open Design 接进的智能体,正是 cc-switch 帮你配置的那些,而 Hermes Agent 是其中之一。想看还有什么在往上爬,见 LLM 工具、每日速报和周报。
FAQ
Open Design 是个 Figma 克隆吗? 不是。它是智能体原生的:不是一块绘图画布,而是你的编程智能体流式产出真实 CSS 和组件的工件,导出到 HTML、PDF、PPTX、MP4。
怎么安装? 从 releases 下载 macOS 或 Windows 的桌面应用。要从编程智能体里用,跑 od mcp install <agent> 接进它的 MCP server。
DESIGN.md 是什么? 一个品牌级设计系统文件,充当契约、塑形智能体产出的每个工件,让输出保持在品牌之内。
我需要 API key 吗? 自 v0.9.0 起应用有内建 Model Router,你可以不带 key 就开始,或为任意 OpenAI 兼容端点自带 key。