提到Claude Design，很多小伙伴可能是第一次了解。但如果你听说过Claude Code，从名字上就知道它俩是同一家公司推出的。

没错，Claude Design是Anthropic推出的一款基于人工智能的视觉设计工具，旨在通过自然语言交互帮助用户快速创建视觉设计作品，如原型、幻灯片、网页等。

你只需要使用自然语言输入描述，即可生成能够交付的视觉内容，比如产品原型（可交互，带点击跳转）、演示文稿（PPT格式，可直接导出）。

还有单页文档（适合对外沟通），品牌素材（海报、banner、社媒封面），网站设计稿（可继续用Claude Code开发网站）。

以前这些事情，都得专业的产品经理，UI/UX设计师才能上手。现在只需要你动动嘴（语音输入口喷也行）就能搞定，而且设计效果还不差。

使用官方的Claude Design工具，你得成为Claude的订阅用户，每个月交个百刀费用。钱倒不是问题，问题是Claude不喜欢你中国人用，动不动就封你号。

所以最近就有大佬给力了，开发开源了一个平替版的Claude Design，名字叫：Open Design，开源地址：
https://github.com/nexu-io/open-design

Open Design作为本地优先的开源替代方案，拥有19项技能 ，71个品牌级设计系统，支持沙盒预览，支持导出 HTML/PDF/PPTX。

可在Claude Code/Codex/Cursor/Gemini CLI/OpenCode/Qwen/ Copilot/Hermes/Kimi CLI上运行。

下面老马将演示如何本地部署Open Design（也支持部署到服务器当成网页版），以及设计APP原型和PPT的效果。

Open Design本地化部署

鉴于有些小伙伴无法访问github，老马把该项目的源码包打包上传到了国内的网盘，下载地址见文末。

首先如果你的电脑没有安装Node.js的话，可以访问官网：
https://nodejs.org/zh-cn/download，下载对应系统的安装包：

安装方法就跟普通软件一样，没啥好说的。以前你如果部署过OpenClaw的话，那基本都安装过Node.js环境了。

然后下载好项目源码压缩包，解压成文件夹，以Windows 11系统为例，进入源码文件夹，右键选择在终端打开：

Mac和Linux系统，可以在终端窗口通过CD命令进入源码文件夹，接着输入第一个命令，按回车键确认：

corepack enable

再输入第二个命令，按回车键确认：

pnpm install

这个过程需要下载安装，请耐心等待完成。再输入第三个命令，回车键确认启动本地的网页端：

pnpm dev:all

稍微等待一下，你就能看到一行带端口的网址。可以复制，也可以按住键盘Ctrl键，鼠标点一下，自动使用电脑默认浏览器打开该网址：

打开网页后，我们先在弹出的设置窗口中，把语言设置成简体中文。这里也会扫描你电脑本机安装了哪些CLI终端：

我们不管本机CLI终端，直接点Anthropic API，切换到输入API信息的界面。这里可以对接你订阅或者购买的大模型套餐，老马以小米的大模型套餐为例。

大家都知道，一般接入大模型的时候，API Base URL（API地址）是有两种格式给你选择的，一种是OpenAI，一种是Anthropic，我们这里需要输入的是Anthropic格式的：

OpenAI格式的API地址后面一般以V1结尾，Anthropic格式的一般以anthropic结尾，切记别搞错了。然后剩下的API Key跟模型名称就按具体的去输入即可，没啥特别要求。

最后点击保存，这样我们就给Open Design接入了大模型，等下对话和编写代码什么的都会用到大模型，大模型就相当于大脑。

Open Design设计APP原型和PPT

在左侧的菜单栏里，可以看到设计的选项有原型、幻灯片，或者从模板和其它地方选择，你也可以上传自己的素材。

老马这里就选择了原型，输入项目的名称，精度设置高保真，点击创建：

因为老马是想设计一款APP的原型，所以创建项目之后，需要在对话框里面输入一下基本的要求提示词：

该APP用于记录每天抽烟的数量，很简单的一句话提示词，点击发送过去，稍等片刻，Open Design给出了一份设计方向确认清单：

在清单上进行点选，有特别要求还可以补充，没啥就直接发送答案过去。下一步是让老马选择整体的设计配色方案：

照例选择完发送答案，这时Open Design已经了解了老马的完整设计需求，开始动手进行APP的原型设计了，咔咔一顿编写代码。大概10分钟左右，右侧的预览窗口就可以看到原型的效果了：

这个原型虽然是html静态文件，但它是可以交互的，滑动点击，链接跳转都没有问题。老马录制了一下操作原型的过程，如图：

整个原型设计得逻辑清晰，细节到位，交互完整流畅，而且风格也很清爽大气，你敢相信这只是老马用一句话搓出来的。

像什么网站、网页、小程序的原型都可以按照以上的方式去设计，设计完再继续丢给AI编程Agent，比如什么Claude code、Trae、Codebuddy之类的进一步开发成完整的APP、小程序及网站应用，属实省心。

搞完原型，接下来继续设计一个PPT，用于介绍Hermes Agent这款可以自我进化的通用Agent。老马全程没有提供任何资料文件，完全让Open Design自己去搜索整理内容：

输入完一句话提示词后发送，照样会进入一个设计需求收集的环节。Open Design会向我们询问设计的风格：

选择完毕发送答案，然后照例进入了编写代码的环节。Open Design的设计基本都是以代码的形式，做成html网页，这样也方便复制导出。最后设计完成的PPT效果如图：

当然这里是可以左右滑动进行PPT演示播放的，由于页面太宽，老马就不录制成动图了，动图的文件太大。大概的效果还过得去，如果觉得不够美观，可以在左侧对话框输入要求进一步让Open Design去完善修改。

通过对Open Design在原型及PPT设计上的实际体验，老马的感受是很惊喜。虽然Open Design才刚开源，还存在不少Bug，一开始老马也跟着提了Bug，开源团队的响应修复速度很快。

如果你也是个纯小白，想让自己的设计更加专业，更加美观，更加高效。那Open Design无疑已经将门槛降了下来，以免费开源使用的姿态，等待你的到来。

Open Design开源项目源码包网盘下载地址：

夸克网盘：
https://pan.quark.cn/s/86e001383d83

UC网盘：
https://drive.uc.cn/s/9282d3b97a444?public=1

迅雷网盘：
https://pan.xunlei.com/s/VOrRywRLJi12KGDaC6JBEohjA1?pwd=3cmq#

好了，以上就是今天的分享，欢迎关注、点赞、转发一键三连。有任何问题和需求，请在评论区留言，回见！

对了，老马最近刚创建了一个AI学习交流群，有兴趣进群的小伙伴可以添加老马微信号：immajiabin，添加好友时备注：进群（不备注不通过）。