ARTICLE · 979355
AI工具推荐 - 57.4k star的开源Claude Design替代品,把电脑里现有的AI变成你的设计引擎
本文约 2400 字
阅读约 6 分钟
2026-08-24
57.4k star 的开源工具,不训练模型不造 Agent,把你电脑里已有的 coding agent 编排成一套完整的设计引擎。
用 AI 做设计,是不是总觉得差口气?
功能都能实现,代码跑得飞快,但打开页面那一刻,就是没那个味儿。
最近我在 GitHub 上刷到一个开源项目,8 周狂揽 5.7 万星,叫OpenDesign。
一句话介绍它:开源的 Claude Design 替代品,把你电脑上已经装好的 coding agent,变成一套完整的设计引擎。

◆ 会跑,但不好看——这就是 Vibe Coding 的日常
先别急,听我慢慢说。
SECTION 01
为什么会有这种东西
Claude Design 是 Anthropic 推出的 AI 设计工具,效果确实好,但两个问题:一是要订阅,二是锁死只能用 Anthropic 自家模型。额度还紧巴巴的,动不动“你已被限制”。
开源社区的反应很快。
OpenDesign(nexu-io/open-design)上线第一天就冲了 8.4k star,不到两个月干到 57.4k star、6.5k fork,协议是 Apache 2.0。
57.4k
GitHub Stars
8.4k
上线首日
6.5k
Fork · Apache 2.0

◆ The open-source Claude Design alternative
它的思路很特别:不训练模型,不造 Agent,做的是更聪明的事——把你电脑里已经装好的编程 Agent(Claude Code、Codex、Cursor、Gemini、OpenCode、Kimi……)接入一套严格的设计工作流,让 AI 的输出从“随便画画”变成“像设计师一样工作”。
自带模型密钥(BYOK),你用什么模型就用什么模型,DeepSeek、Kimi 这些便宜的也随便接。

◆ 21 种 coding agent,全部自动识别
SECTION 02
一条设计流水线是怎么跑起来的
我第一次看它的工作流演示,说实话有点被爽到。
你打开它,创建一个面板,核心配置就三样:项目名称、设计体系选择、精度。

◆ 主页:选产物类型、填需求、选模型
然后呢,你只需要描述需求。剩下的它自动搞定:先生成一份brief,把含糊的需求拆成设计任务;再调用你电脑里的 coding agent 去执行;几分钟后,右边就出一个能打开的 HTML。
而且不是出一版就完事。
你觉得标题被卡片压住了?直接框选那段文字,说一句“右侧卡片压住了大标题,请把标题缩小一些”,它当场就改。
颜色、字体、排版,都是这种“指哪打哪”的改法。
改到满意了,右上角一键交付——可以直接导进 VS Code、Figma,甚至 Procreate 继续加工。
KEY INSIGHT
提示词的尽头是设计文档,设计文档的尽头是流水线。

◆ 需求 → brief → agent 干活 → 交付
SECTION 03
它到底装了些什么东西
OpenDesign 身上有三个库,让它跟“AI 生成器”拉开距离。
第一,设计体系库(151+ 套)。LV、Apple、BMW 这些品牌的配色、排版、设计规范,都整理成了可以直接套的模板。你选一个体系,AI 就照着这个品牌的调性出活,而不是自由发挥。

◆ 品牌级设计体系,选一套照着出活
第二,Skills 技能库(276+ 个)。把 CSV 表格变成可视化报告、用自然语言生成网页、剪视频、口播转视频……各种能力都封装成了 skill,可组合使用。视频里演示了一个动画类 skill(类似 GSAP 的效果):一句“给网站里的文字和卡片增加动画”,整页动效就出来了。

◆ 276+ 可组合 Skills,像搭积木
第三,社区模板库。别人的原型、PPT、图片、视频模板开源在里面,左边是效果、右边是对应的提示词,看到哪个喜欢直接抄作业。

◆ Studio 里做出来的,是能交付的成品
SECTION 04
真正值钱的是设计文档
用了一段时间我才反应过来,OpenDesign 给的其实是一套强迫你把话说清楚的工作流。
以前我们跟 AI 要设计,说的都是“高级感”“科技感”“赛博朋克”这种词。听起来有感觉,但 AI 根本不知道你要什么——每个人心里的高级感都不长一个样。
OpenDesign 的思路是:把模糊的感觉,翻译成前端能完全执行的指令。色值是多少、模块怎么排、组件的阴影和圆角、材质和透视怎么处理,全部写清楚。AI 不用发挥,照着执行就行,输出自然就稳定了。
这个习惯,比工具本身值钱。

◆ 高级感?写清楚色值、组件、阴影,AI 照着执行
我现在看到好看的网站,会先把它的提示词复制下来,让 AI 提炼成一个通用模板,以后做同类设计直接套。
SECTION 05
我的评价是
废话不多说,这项目我看好。
它不是审美工具,是效率工具。
有几个点我觉得特别值:
0 锁定。模型随便选,工具本身开源免费,只花你自己的模型费。Claude 贵,就换 Kimi、DeepSeek,本地已经装过的 agent 它自己会自动识别。
上手门槛很低。下载桌面版、双击安装,不用折腾 Node 和环境变量,两分钟就能跑起来。不想装 App 的话,Docker、源码、甚至只要有 coding agent 都能跑。
本地优先。所有东西都在你电脑上跑,隐私没什么好担心的。
也要说点实话:输出质量完全取决于你选的模型。贵的模型效果好,这是真的;便宜的模型效果会打折。另外社区也有吐槽,说早期版本体验一般、初稿还行但小改动流程有点繁琐。不过它迭代快得离谱,5 小时前还在发 release,很多槽点估计正在修。
SECTION 06
说在最后
我现在已经养成一个习惯:想做一个网页或者 App 的时候,先去设计网站找参考,把某种效果提炼成设计文档,再丢给 OpenDesign 让 AI 复刻。
这套流程,对不会设计的小白来说,可能是最容易上手的一条路。
GitHub 搜 nexu-io/open-design 就能找到,桌面版 macOS 和 Windows 都有,装一个试试,反正不花钱。
— ◆ —
如果你读到了这里
感谢你的阅读时间,我们下篇文章见。
/ 作者:Patrick
/ 这里分享好用的 AI 工具和 skill
/ 创作不易,三连支持一下吧~