01 · OpenDesign 是什么

一句话：OpenDesign 把你已经装在电脑上的编码 Agent，接上一套设计流程，变成一台能出网页、原型、PPT、看板、海报和视频的机器。

它自己不训练模型，也不托管你的东西。它提供的是中间那一层——技能、设计系统、需求表单、预览沙箱、导出管线。模型和算力是你自带的。

它解决的是哪个问题

2026 年这一波 AI 设计工具，能力上都差不多：描述意图，出一个能跑的界面。问题出在交付方式上。托管型产品把这个能力锁在三件事里：

• 锁模型 — 只能用它家的模型，你觉得别家更适合也换不了。
• 锁云 — 生成过程走它的服务器，产物存在它的库里，客户资料也一起过去了。
• 锁账单 — 你已经为编码 Agent 付了一份订阅，现在设计要再付一份。

OpenDesign 的做法是把这套循环——识别意图、选技能、生成、预览、导出——从任何一家的产品里抽出来，做成一层可以套在任意 Agent 上的壳。官方教程里那句话说得最直白：这个设计循环是一个模式，不是护城河。

三个决定性的属性

开源，Apache-2.0

代码在 github.com/nexu-io/open-design，Apache-2.0 许可。你可以 fork、改技能、加自己的设计系统、把 daemon 部署到自己的机器上。维护方是 Powerformer, Inc.，讨论在 GitHub Issues 和 Discord。

本地优先

桌面应用、daemon、技能运行时全部跑在你机器上。生成的产物落在你的项目目录里。只有提示词和技能上下文会发给你自带 key 的那家模型厂商——OpenDesign 自己没有服务器接这个流量。

这一条对两类人是硬需求：接客户项目的（资料不能过第三方）、在内网环境干活的。

BYOK，你的 key 你的账

凭据放在 .od/media-config.json 或者你的 shell 环境变量里。API 调用从你的机器直接打到模型厂商。换厂商是换一个 key，不是重新上手一遍。

还有一种更省事的接法：直接指向你本机的 CLI（Codex、Claude Code、Cursor、OpenCode）。这样连 API key 都不用暴露，生成走的是你已经登录的那个订阅。

跟 Claude Design 比

官方把自己定位成 Claude Design 的开源本地替代，这个对比表值得先看一眼：

	OpenDesign	Claude Design
许可	Apache-2.0，可 fork	闭源
运行位置	你的机器	厂商云
模型	21 个 Agent 适配器，BYOK	锁定 Anthropic
产物	你仓库里的文件	厂商库里的记录
费用	应用免费，只付模型	订阅
换工具成本	技能与设计系统是 Markdown，可带走	迁移即重做

别把它当无痛替代

换来的自由是有代价的。你得自己装 Node 24、自己管 key、自己判断生成的东西够不够好——托管产品替你做掉的那些事，这里都回到你手上。桌面版把安装这一段抹平了，剩下两件还在。

它能做出什么

不止静态页面。当前版本能产出的类型大致是这几类：

• 原型与网页 — 落地页、SaaS 界面、移动端界面、仪表盘。
• 幻灯片 — HTML deck，能全屏演示，也能导出成真能编辑的 PPTX。
• 图像 — 海报、封面、图标、头像，也能从一张手绘草图起步。
• 动效与视频 — SVG + CSS 的代码动效，以及跟 hyperframes 项目合作的 HTML 视频。
• 设计系统 — 从一张截图或者一份 Figma 导出，反向抽出一份「DESIGN.md」。
• 桌面宠物 — 是的，真有这个。跟产出无关，但它说明这个项目在意工具的手感。

版本与规模

写这本书时的口径（数字会变，以官网为准）：

项	数
最新稳定版	v0.21.1（2026-08-31）
Agent 适配器	21 个
插件总数	479+（模板 292 · 技能 23 · 设计系统 152）
Craft 渲染准则	12 条
贡献者	409 人

名字的事

OpenDesign、Open Design、open-design、opendesign、Open Design AI、OD，指的都是同一个项目。仓库 slug 是 open-design，产品里和 README 里的正式写法是 OpenDesign。搜索时哪个都能搜到，但规范地址永远是 open-design.ai。

下一步

02 · 安装 — 桌面版三分钟，源码三行命令，两条路各自的坑。