你电脑上的 Claude Code、Cursor、Gemini CLI,除了写代码,还能做设计?
没开玩笑。有个开源项目,能把你已经装好的AI编程助手直接变成专业级设计引擎——不需要额外付费,不需要绑定任何供应商。
它叫Open Design,定位是 Claude Design 的开源替代品。Apache-2.0 协议,本地优先,31个技能模板 + 72套品牌设计系统,直接拿来用。

Claude Design 很好,但……
先说背景。Anthropic 的 Claude Design 确实惊艳——用自然语言描述需求,AI 直接帮你出设计稿。
但痛点也很明显:
闭源:看不到里面怎么运作的绑定单一模型:只能用 Opus 4.7,别的不行不能本地部署:数据全在云端,敏感项目不敢用收费:企业用量一上来,账单会让你心跳加速
Open Design 的解法很有意思:它自己不带AI模型。
你品品这个设计思路——不是"我给你一个AI设计师",而是"你笔记本上已经有AI了,我帮你把它变成设计师"。
架构:三层分工
Open Design 的架构清晰得让人舒服。
第一层:Web 前端
Next.js 16 构建的 Web App。可以本地跑,也能部署到 Vercel 给团队共用。
第二层:本地守护进程(Daemon)
Node.js + Express 服务跑在你机器上。管理项目、处理聊天流、负责文件 I/O。它扫描你的 $PATH,自动发现已安装的 AI Agent。
第三层:Agent 运行时
检测到的 AI CLI 才是干活的主力——Claude Code、Cursor、Gemini、Codex、Copilot……自动识别 12+ 种,归一化输出格式。
关键点:Daemon 是指挥官,Agent 是执行者。所有设计产物实打实写到磁盘上。

Open Design 三层架构
四大核心能力
31个技能模板:拿来即用
Open Design 把设计任务抽象成了"技能",每个技能就是一个 SKILL.md 文件夹。
27个原型模式:网页原型、Dashboard、移动端App、邮件模板、社交媒体图文、规格文档……4个演示模式:杂志风格演示稿、极简Deck、产品漫游、团队周报。
想加新技能?往 skills/ 目录丢一个文件夹就行。重启 Daemon 自动加载。
72套品牌设计系统:站在巨人肩膀上
这可能是 Open Design 最香的部分。
72套设计系统,全是从顶级产品提取的:Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Anthropic、Cursor、Figma、Spotify……
每套用 Markdown 定义——色彩 token、字体栈、间距规范、组件约定,全是可移植的。不需要打开 Figma,直接在代码层面继承品牌风格。
反AI味机制:逼着你做出好设计
这是我最欣赏的设计决策。
你知道为什么很多AI生成的设计看着都"一股AI味"?因为没有约束。Open Design 设了一整套Anti-Slop Machinery:
1强制发现表单:第一轮必须回答问卷——30秒选择题省下30分钟返工
25维自我批评:哲学性 · 层次感 · 执行力 · 具体性 · 克制感,不过关不出稿
3AI陈词黑名单:典型AI设计套路直接毙掉
说白了,这不是降低AI的能力,而是提升AI的品味。
BYOK:全链路不锁定
Bring Your Own Key——整个链路你都可以用自己的。
自动检测的Agent CLI:Claude Code、Codex、Cursor Agent、Gemini CLI、Copilot、OpenCode、Qwen Code、Devin、Hermes、Pi、Kimi、Kiro……
没装Agent也行。BYOK代理支持 OpenAI 兼容接口、Anthropic、Azure、Gemini。DeepSeek、Groq、OpenRouter、甚至自建 vLLM,填个 baseUrl + key 就能跑。

31技能 + 72设计系统
工作流:4步从想法到交付

4步工作流
Detect(检测):Daemon启动时扫描$PATH,发现所有可用Agent,加载技能和设计系统。
Discover(发现):第一轮弹出问卷——你要做什么?给谁看?什么调性?30秒锁定方向。
Direct(引导):没有品牌规范?选一种视觉方向——Editorial / Minimal / Tech / Brutalist / Soft Warm。
Deliver(交付):Agent写文件,沙盒预览,导出 HTML / PDF / PPTX / ZIP / Markdown。
3行命令上手
最快方式:去 open-design.ai 下载桌面 App,双击打开就行。
想从源码跑?也就3行:
git clone https://github.com/nexu-io/open-design.git cd open-design && corepack enable && pnpm install pnpm tools-dev run web
需要 Node ~24 和 pnpm 10.33+。启动后自动创建 .od/ 文件夹存放 SQLite 数据库,所有项目数据本地存储,永远不会上传。
横向对比
核心差异就一句话:Claude Design 给你一个AI设计师,Open Design 把你已有的AI变成设计师。
前者是租赁模式,后者是赋能模式。
写在最后
从AI写代码到AI做设计,中间只差一个好的提示词工程和约束体系。
Open Design 证明了一件事:设计的核心不是用哪个模型,而是怎么约束模型。那套 Anti-Slop 机制——强制问卷、5维批评、陈词黑名单——本质上是把资深设计师的品味编码成了规则。
开源、免费、本地优先、不锁定供应商。 GitHub:github.com/nexu-io/open-design 官网:open-design.ai 安装:pnpm tools-dev run web
你觉得AI设计工具的终局是闭源订阅还是开源生态?评论区见。

觉得有用?点个「在看」支持一下
关注我,获取更多AI开发干货
部分素材来源于网络,如有侵权请联系删除。
夜雨聆风