Open Design:打字就能做出网页、仪表盘和演示稿,一行代码都不用写
想要个落地页、数据看板还是 PPT?直接用大白话告诉它,几秒钟就给你生成出来,还能导出成视频。零基础能上手,72K 星开源免费。
它是什么
Open Design 是一个开源的 AI 设计工具。简单说,你只要用大白话告诉它你想要什么,它就能帮你把东西做出来——网页原型、数据仪表盘(就是那种带图表的看板)、演示稿(PPT),甚至连短视频都能生成。
最关键的是:你一行代码都不用写。以前做个网页得学 HTML、CSS,做个看板得懂前端框架,现在这些全省了。你只管描述,它负责实现。
它在 GitHub 上有 72K+ 颗星,是目前最火的开源 AI 设计工具之一,完全免费。
解决什么问题
它专门治「脑子里有想法,但手上做不出来」这个毛病:
- 想做个落地页但不会写代码:描述一下你要卖什么、页面长啥样,它直接给你生成
- 要给老板看数据但不会做图表:说一句「做个销售数据看板」,图表自动排好
- 赶着做 PPT 但没时间排版:把内容告诉它,演示稿一键出炉
- 想做个产品原型给客户看:不用学设计软件,几分钟出效果
- 连视频都想试试:它能生成简单的演示视频,发朋友圈够用
一句话:适合所有「有想法、没技术」的人。
长什么样
打开 Open Design,界面很清爽,主要分三块:
- 左边的输入区:一个大大的文本框,你在这里用中文描述想要的东西
- 中间的预览区:AI 生成的结果实时显示在这里,网页、图表、幻灯片都能直接看到效果
- 右边的工具栏:可以切换生成类型(网页 / 仪表盘 / 演示稿 / 视频),还能导出文件
顶部有个模板库,懒得自己描述的话,直接套模板改改也行。
怎么安装
Open Design 是个网页应用,需要在你电脑上跑起来。跟着下面步骤走,10 分钟搞定:
- 先装 Node.js(一个运行网页程序的引擎)。打开 nodejs.org,下载 LTS 版本(长期支持版,最稳),一路点「下一步」装好
- 再装 Git(一个下载代码的工具)。打开 git-scm.com,下载安装,同样一路下一步
- 打开命令行:Windows 按
Win + R,输入cmd回车;Mac 打开「终端」 - 输入下面这行命令,把项目代码下载到电脑上:
git clone https://github.com/nexu-io/open-design.git - 进入项目文件夹:
cd open-design - 安装项目需要的依赖(可以理解成它运行所需的零件):
npm install - 启动它:
npm run dev - 看到提示后,打开浏览器,访问
http://localhost:3000,就能看到界面了
嫌麻烦?很多平台也提供在线版,搜「Open Design online」就能找到,打开浏览器直接用,连安装都省了。
怎么用
装好打开后,跟着这几步走:
- 选类型:在右边工具栏点你要做的东西,比如「网页」
- 写描述:在左边输入框用中文说清楚你要什么。越具体越好
- 点生成:点「生成」按钮,等几秒到几十秒
- 看效果、再调整:不满意就继续补充描述,让它改
- 导出:满意了点导出,网页能下载成 HTML 文件,演示稿能导出成图片或 PDF
举几个能直接抄的例子:
- 做网页:「帮我做一个卖手工咖啡的落地页,暖色调,要有产品图、价格和一个购买按钮」
- 做看板:「做一个电商销售仪表盘,显示本月销售额、订单量、热销商品 Top5,用柱状图和饼图」
- 做演示稿:「做一个 5 页的产品介绍 PPT,主题是智能家居 App,简洁科技风」
小技巧:描述里加上颜色、风格、要包含哪些内容,生成效果会好很多。第一次别求完美,先出个大概,再一步步让它改。
需要 AI 模型吗?
需要。Open Design 本身只是个「外壳」,真正干活的是背后的 AI 模型。你得给它配一个 AI 大脑(也就是 API Key,可以理解成一把开启 AI 服务的钥匙)。
常见的选择:
- 便宜够用:DeepSeek、通义千问(国产,价格低,中文理解好)
- 效果更强:Claude、GPT-4o(贵一些,但生成质量更高)
- 免费方案:用 Ollama 在本地跑模型,不花钱,但需要好一点的电脑配置
不知道选哪个?去模型导航挑一个适合你的 AI 助手 →
费用
- Open Design 软件本身:完全免费,开源
- AI 模型费用:生成一次网页大概几分到几毛钱,看用什么模型
- 普通用法每月大概 20~100 元;用本地模型可以 0 元
适合谁
- 不会写代码、但想快速做出网页或原型的人
- 要经常做数据看板、汇报图表的运营和市场
- 赶时间做 PPT、不想折腾排版的上班族
- 想验证产品想法、快速出原型的创业者
- 对 AI 生成视频感兴趣、想尝鲜的玩家
项目地址
GitHub:https://github.com/nexu-io/open-design
开源免费,72K+ 星,更新很活跃。遇到问题可以去项目的 Issues(问题反馈区)看看别人怎么解决的。