原型、网页、幻灯片共用一套设计系统:OpenDesign 0.27.1 开源免费

摘要

OpenDesign 0.27.1 让本机编码智能体按一套设计系统写原型,产出是可编辑的 HTML 文件,幻灯片还能导成 PowerPoint 演示文稿,免费开源。

推荐
软件名称
OpenDesign
版本
0.27.1
开源
开源
操作系统
WindowsmacOS
更新时间
2026-11-12 23:00
同一套颜色、字体与间距,约束住原型、网页和幻灯片;产出是可编辑的 HTML 文件,不是一张定格的图。

用 AI 生成界面,最常遇到的落差是每次生成都换一副长相:上一屏是圆角卡片,下一屏变成锐角描边,两屏放在一起不像同一个产品。OpenDesign 想解决的就是这件事,它是一款跑在 Windows 与 macOS 上的本地设计工作区,十一月十日发布 0.27.1,做法是先锁住一套设计系统,再让本机已有的编码智能体按这套规则往下写。

设计系统是约束,不是风格包

OpenDesign 自带 150 多套开源设计系统,也可以拿自己的网站、一个代码仓库或者一份设计稿文件反推出一套:颜色、字体、字号层级、间距刻度、组件形态都被抽成变量,之后智能体产出的每一页都从这些变量里取值。选的是同一套系统,做网页、做 App 界面、做仪表盘、做幻灯片,出来的东西才像一家的。

OpenDesign 生成后的直接编辑界面,选中文字后可调整字距、行高、字号与颜色
生成之后不必重来:选中元素就能改字距、行高、字号与颜色

这一步的意义在于把「审美」换成「参数」。生成式工具的通病是每次都要用嘴描述风格,而描述本身不稳定;换成从设计系统里读值,同一句话问两遍,得到的仍然是同一套视觉语言。要改品牌色,改的是变量,不是逐页去说服模型。

智能体写文件,人改细节

OpenDesign 自己不跑模型。它检测本机已经装好并登录的编码智能体,官网列出 21 种可接,用哪个由你决定;也可以填自己的 API Key 直连模型服务。选定之后,方式是描述要做的几屏、挑一套设计系统,智能体把可用的 HTML 原型直接写进项目文件夹,右侧预览实时刷新。

生成完不等于定稿,这一版把「接着改」做成了主要能力。画布上可以拖动和缩放元素、改文字与颜色、调间距与对齐,这些操作不触发重新生成,改的是文件本身。这点很关键:重新生成意味着前面手工修过的地方全部作废,而在这条链路里,手改和智能体改的是同一批文件,谁后动手谁覆盖,不会互相打架。

OpenDesign 的技能社区界面,可挂载研究、内容、设计与交付等技能
技能按需挂载:研究、内容、设计与交付各有一个入口

往外扩的口子在技能与插件上,仓库里已经有 431 个以上插件,覆盖从调研、文案到交付的环节。项目落盘是一堆 HTML、CSS 文件,用编辑器打开也行,交给工程继续做也行,导出可以选独立 HTML、PDF 或 PNG,幻灯片还能导成可编辑的 PowerPoint。没有设计稿格式的导出,这一点官网写得很直白。

评论回到智能体手上

团队协作那条线是这一版比较特别的设计。原型可以发成一个分享链接,同事在浏览器里点着看,直接在稿子上圈位置留评论;攒下的多条反馈能打包成一个修改任务交回智能体,让它按评论逐条改文件,而不是把意见抄成一段话再描述一遍。

OpenDesign 分享链接与评论界面,评论可打包交给智能体处理
分享链接收集的评论,可以整包交回给智能体执行

流程听着顺,但有个前提值得说清楚:智能体改的是本地文件,所以评论要生效,机器上得有能写文件的智能体在跑。只填 API Key 的模式能生成设计,却不能改项目里的文件,这是官网自己在常见问题里点明的边界。

免费的部分到哪儿为止

桌面应用本身免费,源码在 Apache-2.0 下公开,不注册账号也能用本机智能体或自带密钥开工,模型费用由你选的那家服务商结算。要云端托管的模型额度、要发布与分享额度、要按席位开的团队工作区,才进入付费档。文件默认存在本机文件夹里,产品分析开关默认开着,可以在设置里关掉。

系统要求不算低也不算高:macOS 要 11 以上,Windows 要 10 或 11 的 64 位版本;Linux 没有官方构建,只能从源码跑。它不适合想完全不碰文件结构的人,也不适合指望一键出成品 App 的人——把原型推成能上线的产品,仍然是工程活。反过来,如果你本来就在用编码智能体写前端,又烦每次生成都换风格,这套「先定系统再生成」的路子值得试一遍。

OpenDesign下载地址
支持的操作系统: Windows macOS