Open Design：Claude Design 的开源平替，30+ 设计 Skills + 71 套设计系统

最近发现了一个 Claude Design 的开源替代品——Open Design，GitHub 上 nexu-io 的项目。

用不上 Claude Design 的可以试试这个。工具跑在你自己电脑上，也能发布成网页，用的是你自己的 AI/API 密钥。

简单说就是一个开源 AI 设计生成器：做网页、PPT、App 原型、仪表盘、文档，能预览也能导出。

整个流程是这样的：

1. 输入需求，它会先弹个表单让你确认设计目标、受众、风格、品牌约束
2. 然后选视觉方向和设计系统
3. 调用你本地装好的 AI 编程工具，自动读模板、写代码、生成页面
4. 在网页里预览，导出成 HTML、PDF、PPTX、ZIP、Markdown 都行

一、能做什么

内置 19 个 Skills，也就是设计任务模板：

• 网页原型
• SaaS 落地页
• 仪表盘
• 定价页
• 文档页
• 博客文章
• 移动 App 原型
• 简单演示文稿
• 杂志风 PPT
• 产品需求文档
• 周报
• 会议纪要
• 工程运行手册
• 财务报告
• 入职计划
• 发票
• 看板
• OKR 表

还内置了 71 套设计系统，每套都是 Markdown 格式的 DESIGN.md，涵盖颜色、字体、间距、布局、组件、动效、品牌语气这些。生成设计时 AI 按你选的设计系统来，不是瞎搞。

二、好在哪

这个项目强调"反 AI 味"的设计流程。先确认需求，再结合预设设计方向、设计系统、检查清单和自评流程，让结果更准确、更统一。

核心思路四步：

先问问题再设计。 新设计 brief 会先让你填表单，确认页面类型、受众、语气、品牌上下文，然后才进生成流程。

风格不是瞎猜。 没有品牌规范的话，会让你从 5 个视觉方向里选：编辑杂志风、现代极简、技术工具感、粗野主义、柔和温暖风。

结果落成本地文件。 本地生成真实项目文件，方便继续编辑、交付或二次开发。

技能和设计系统都能自定义。 新增 SKILL.md 技能文件夹，修改 DESIGN.md 设计系统，适配你自己的工作流。

三、怎么用

用 Codex 让它下载项目，或者直接用 Claude Code 也行。

跟 Claude Code 说"打开这个项目的网页地址"，等几分钟它会给你一个网址：

选【本地 CLI】表示用电脑上已有的命令行工具来生成。本地有就直接点【Get started】：

【人类学 API】选项是你自己提供 API 配置：

1. 示例

右边有一堆示例：

可以【使用此提示】或者【打开预览】看效果：

打开预览还能看到各种下载方式：

2. 设计系统

示例右边是 71 套设计系统：

看看爱彼迎的设计系统，内容非常全：

3. 生成 UI 设计页面

填原型名称，比如"运动健身网站"，选设计系统（单选多选都行）：

选【高保真】，点【创建】：

输入你要做的页面，比如"做一个运动健身网站首页"，点【发送】：

它会让你选一些信息来辅助设计：

等一会儿，UI 设计界面就出来了：

4. PPT

做 PPT 也一样，选幻灯片后创建：

随便给它一个主题，它会问你一些问题，包括要不要上传参考资料：

然后选个视觉方向，挑你喜欢的颜色就行：

再等一会儿，PPT 就出来了：

除了 UI 页面和 PPT，Open Design 里还有很多其他 Skills：产品需求文档、仪表盘、周报、会议纪要、财务报告、OKR 表等等。

对设计师来说，它的价值不只是能生成页面——而是把"需求确认、风格选择、设计系统约束、文件导出"这些环节串成了一套完整流程。

如果你经常做网页原型、产品方案、汇报 PPT 或内部文档，可以把它当成本地优先的 AI 设计工作台试试。

原文：萤柳设计