大家好,我是何三,独立开发者

4天,1.5万Star。

Anthropic 的 Claude Design 上个月刚发布,火得一塌糊涂——然后 Open Design 就带着它的"开源平替"杀出来了。

而且不是那种"仿个皮毛"的平替。129个品牌级设计系统、31个可组合技能、支持12种AI Coding Agent,还能本地跑、免费用、自带Key。

Claude Design 很牛,但有个问题

Claude Design 是什么?简单说,就是一个让 AI 替你搞设计的工具。

你给它说"帮我做一个种子轮融资的杂志风格 Pitch Deck",它能给你直接生成完整的 HTML 页面,从布局到配色到文案,一条龙搞定。

问题在哪?三个字:锁死了

闭源、付费、只能上云、只能用 Anthropic 自家的模型。你想换别的模型?没门。想本地部署?做梦。

这种"全都用我的"的玩法,在开发者社区里向来不太受欢迎。

Open Design 的作者显然也是这么想的。于是他们做了一个决定:

不造一个新的Agent,而是把你电脑上已经装好的那些Agent串联起来。

这思路,怎么说呢,就是……就是那种"我打不过你,但我可以让你的队友叛变"的感觉。

这玩意儿到底能干什么

先看一组数据,感受一下:

open-design-stats

  • 129个设计系统:Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Anthropic、Cursor、Supabase、Figma……甚至还有小红书。每个都配好了4色签名、完整 DESIGN.md。
  • 31个技能:从网站原型、SaaS落地页、移动App、Dashboard,到杂志海报、社交轮播图、PPT演示文稿,再到PM规格文档、OKR打分表、财务报告……全覆盖。
  • 12种Agent CLI:Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen、Copilot CLI、Hermes、Kimi……自动检测你PATH上装了哪些,一键切换。
  • 导出格式:HTML、PDF、PPTX、MP4、ZIP,连视频都能生成。

说白了,这就是一个"设计界的瑞士军刀",而且刀片全给你配齐了。

它能做什么?举个例子。

你想给自己的产品搞一个 landing page。

以前你可能要:打开Figma → 找模板 → 改配色 → 切图 → 写代码 → 部署。

现在你只需要打开终端,跑起来 Open Design,然后在聊天框里输入:

"帮我做一个 SaaS 产品的 landing page,风格参考 Linear 的设计系统,包含 hero、features、pricing 三个区域。"

AI Agent 收到指令后,会先弹出一个交互式问卷:目标用户是谁?品牌调性是什么?要不要加动画?

你填完问卷,它就开始干活了。

结果? 实时的。Todo 卡片一个接一个打勾,预览 iframe 里的页面从白屏到完整渲染,整个过程你在浏览器里就能看着。

而且每个环节你都能打断、纠正、重新定向。

最骚的是——你的 Key 你做主。不想用 Anthropic?切到 DeepSeek、Groq、OpenRouter,甚至你自己部署的 vLLM,都行。

怎么跑起来的

开箱即用,3条命令:

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm tools-dev

然后浏览器打开 http://localhost:3000,选一个技能、选一个设计系统、输入你的需求——完事。

底层架构大概是这样的:

open-design-architecture

浏览器 (Next.js 16) ←→ 本地守护进程 (Express + SQLite)
                                              spawn(你的 Agent CLI, 项目目录)
                                         Agent 读取 SKILL.md + DESIGN.md,写入产物到磁盘

守护进程会自动扫描你电脑上装了哪些Agent CLI,然后通过 child_process.spawn 把它们调起来干活。

没装任何Agent?没关系,还有一个 BYOK 代理模式,贴一个 OpenAI 兼容的 API 地址就能用。

说实话,这块我也没完全搞懂它是怎么做到同时兼容12种Agent CLI的——每种CLI的通信协议都不一样,有的走 JSON stream,有的走 ACP 协议,有的纯 stdin/stdout。但作者硬是写了12个适配器把它们全串起来了。

原理大概是这样,细节可能有出入——有懂的大佬欢迎指正。

一点跑题联想

看到这个项目的时候,我突然想到另一个事。

前阵子 Claude Code 把"AI写代码"这件事带到了一个全新的高度。大家发现,原来AI不是只会写点函数,它真的能理解整个代码库、能重构、能调试。

然后社区里就开始出各种基于 Claude Code 的"技能"——给它一个 SKILL.md 文件,告诉它"按这个规则来工作",它就能变成某个领域的专家。

Open Design 做的事,本质上就是给这种"AI技能化"的思路套上了一个设计工具的外壳。

我觉得这可能是未来半年的一个大趋势——我们不会再讨论"哪个AI模型最强",而是讨论"你的AI Agent 装了什么技能包"。

就像当年从"用什么编程语言"变成"用什么框架"一样。

如果你对这类AI设计工具有兴趣,还有几个项目值得一看:

  • OpenCoworkAI/open-codesign:最早的开源 Claude Design 替代方案,Electron 桌面应用,Open Design 的很多设计思路参考了它。
  • alchaincyf/huashu-design:设计哲学指南,Open Design 里的"初级设计师工作流"和"5维自检清单"就是从这来的。

最后

项目地址:https://github.com/nexu-io/open-design

Open Design 给我最大的感觉就俩字:解气

不是因为它功能比 Claude Design 多、设计系统比 Claude Design 全——而是它证明了一件事:当一个好东西被大厂锁在围墙里,社区总会用开源的方式把它抢回来。

129个设计系统、31个技能、12种Agent支持,全部免费,全部本地优先。

装不装都行,看你自己。但如果你平时跟设计沾点边、又对"AI生成设计"这件事好奇——这可能是目前最值得上手的开源方案。

本文使用 MGO 编辑并发布

关注"何三笔记",回复"mgo" 免费下载使用