原型、网页、幻灯片共用一套设计系统: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 自己不跑模型。它检测本机已经装好并登录的编码智能体,官网列出 21 种可接,用哪个由你决定;也可以填自己的 API Key 直连模型服务。选定之后,方式是描述要做的几屏、挑一套设计系统,智能体把可用的 HTML 原型直接写进项目文件夹,右侧预览实时刷新。
生成完不等于定稿,这一版把「接着改」做成了主要能力。画布上可以拖动和缩放元素、改文字与颜色、调间距与对齐,这些操作不触发重新生成,改的是文件本身。这点很关键:重新生成意味着前面手工修过的地方全部作废,而在这条链路里,手改和智能体改的是同一批文件,谁后动手谁覆盖,不会互相打架。
往外扩的口子在技能与插件上,仓库里已经有 431 个以上插件,覆盖从调研、文案到交付的环节。项目落盘是一堆 HTML、CSS 文件,用编辑器打开也行,交给工程继续做也行,导出可以选独立 HTML、PDF 或 PNG,幻灯片还能导成可编辑的 PowerPoint。没有设计稿格式的导出,这一点官网写得很直白。
评论回到智能体手上
团队协作那条线是这一版比较特别的设计。原型可以发成一个分享链接,同事在浏览器里点着看,直接在稿子上圈位置留评论;攒下的多条反馈能打包成一个修改任务交回智能体,让它按评论逐条改文件,而不是把意见抄成一段话再描述一遍。
流程听着顺,但有个前提值得说清楚:智能体改的是本地文件,所以评论要生效,机器上得有能写文件的智能体在跑。只填 API Key 的模式能生成设计,却不能改项目里的文件,这是官网自己在常见问题里点明的边界。
免费的部分到哪儿为止
桌面应用本身免费,源码在 Apache-2.0 下公开,不注册账号也能用本机智能体或自带密钥开工,模型费用由你选的那家服务商结算。要云端托管的模型额度、要发布与分享额度、要按席位开的团队工作区,才进入付费档。文件默认存在本机文件夹里,产品分析开关默认开着,可以在设置里关掉。
系统要求不算低也不算高:macOS 要 11 以上,Windows 要 10 或 11 的 64 位版本;Linux 没有官方构建,只能从源码跑。它不适合想完全不碰文件结构的人,也不适合指望一键出成品 App 的人——把原型推成能上线的产品,仍然是工程活。反过来,如果你本来就在用编码智能体写前端,又烦每次生成都换风格,这套「先定系统再生成」的路子值得试一遍。