夜雨聆风学习资料网

ARTICLE · 979355

AI工具推荐 - 57.4k star的开源Claude Design替代品,把电脑里现有的AI变成你的设计引擎

AI工具推荐 - 57.4k star的开源Claude Design替代品,把电脑里现有的AI变成你的设计引擎
开源
AI 设计
Claude Design 平替
本地优先

本文约 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

/ 创作不易,三连支持一下吧~

相关学习资料

返回首页浏览学习资料