← 返回博客

Open Design 0.12.0:你的品牌就是一套设计系统

标签 open-design-v0.12.0 —— 六天内 30 位贡献者提交了 103 个 PR。代号「品牌支撑的设计系统」。把 Open Design 对准一个在线站点、丢进一个 Figma 文件,或者在浏览器里剪取一个页面,它就会把真实的品牌 —— 配色、字体、语调 —— 提炼成一套可复用的设计系统,让你在之后的每个项目里都能以它为基础进行构建。

Open Design 0.12.0:你的品牌就是一套设计系统

标签 open-design-v0.12.0,于 2026 年 6 月 26 日发布。六天内 30 位贡献者提交了 103 个 PR。代号「品牌支撑的设计系统」。过去两个月里,Open Design 从一张白纸出发,你做设计。而这次发布把它反转过来:你已经拥有的品牌,变成一套可复用的设计系统。

想看完整版本,可以查阅 GitHub 上的发布说明。本文是精简版:底层改了什么、你今天能用它做什么,以及从哪里开始。

你的品牌就是一套设计系统

这是 0.12.0 的头牌。直到现在,要得到一套品牌精准的设计系统,唯一的办法是手写一份 DESIGN.md —— 对任何还没浸淫于规范的人来说,这都是一堵墙。如今,每一条接入路径都汇入同一条流水线。

把 Open Design 对准一个品牌 URL、丢进一份 DESIGN.md、递给它一个离线 .fig 文件(在本地解码,无需 Figma 账号),或者用全新的浏览器剪取工具捕获一个页面 —— 每一种都会被提炼成一套可复用的 user: 设计系统。因为这正是这次发布背后的全部理念:品牌并不是一个独立的东西,它本身就是一套设计系统。捕获一次,它就会在一条不间断的闭环里流转,从此归你在之后的每个项目里复用。

从这里开始就是一条端到端的闭环:把这套系统作为一份套件加模板来预览,直接以它为基础进行构建(引导上手现在以一个构建步骤收尾),再把成果一键导出为 PDF、PPTX、可编辑的 PPTX 或图片。捕获到的徽标、截图和配色终于在全新的 OD Library 里有了归宿 —— 这是一个内容寻址的素材注册表。而一次全新安装现在会附带 150 套现成的品牌设计系统 —— Airbnb、Stripe、Vercel、Tesla、Supabase、Uber 等等 —— 因此选择器从第一天起就好用。CLI 保持完全对等:od brandod libraryod figma importod export

一张在线网站的缩略图被向上抬起,并分离成一小组品牌 token —— 一行色板、一份字体样本和一块徽标贴片 —— 汇聚到一张可复用的设计系统卡片上,卡片被框在一个绿色选择框内,背景为近白色的编辑风底色
把它对准一个品牌,它就会把配色、字体和语调提炼成一套可复用的设计系统。

终于会告诉你哪里出错的失败

那个令人头疼、什么都往里装的「execution_failed」不见了。运行现在会说出自己的原因 —— 启动崩溃、恢复会话过期、agent 卡在工具循环里、服务商配置过期 —— 这样你就知道该重试还是该上报。而当一次运行能够恢复时,它现在会带抖动地退避并自行重试,而不是直接倒下。

这是一个改动不大、收益却很大的变化:过去一次失败就是一条死胡同,外加一个耸肩。现在它会把你指向修复方案,而那些可恢复的失败则会悄悄自我修复。

一个灰色、没有标注的运行失败方块,旁边是一张标注清晰的失败卡片,它写明了自己的原因并显示一个向回弯曲的重试箭头,那张带标注的卡片被框在一个绿色选择框内,背景为近白色的编辑风底色
明确命名的原因取代了那个不透明的灰色大筐 —— 而可恢复的运行会自行重试。

经得起一次糟糕浏览器跳转的登录

过去,如果浏览器跳转出岔子,云端登录会沉默地卡上五分钟。现在它会当场打印出登录 URL 和验证码,让你可以手动完成,而整个引导上手的 Connect 步骤也被重新设计成一个清爽的云端登录落地页。新用户最先接触到的那一步,不再会因为一个行为不端的浏览器而崩坏。

0.12.0 中还有什么

这次发布覆盖面很广。值得拎出来说的几块:

  • 你的 coding agent,毛刺更少。在 npm 上更稳的 OpenCode 二进制检测、通过 fnm 进行的 Windows Node 发现、经由 Corepack 的 pnpm 解析、一套集中式的推理服务商策略、优先使用的 Codex 订阅版图像生成,以及在不该出现 Warp 启动器的地方把它隐藏了起来。
  • 更清晰的 PDF 与更好的演示文稿处理。PDF 导出现在会等页面进入可打印状态再触发,打印出的文件名对 Teams 友好,演示文稿检测能识别带 slide 前缀的类名,而 HTML-PPT 截图不再依赖系统中已安装的 Chrome。
  • 一个会展示进度的桌面端。启动画面现在显示真实的启动阶段进度,而不是一个冻住的徽标,它佩戴着首字母大写的「Open Design」字标,而负载更新会像你预期的那样在应用内安装。
  • 网页端的更多打磨。一个焕新的首页,配上移动端响应式修复,一篇覆盖 18 种语言的《什么是 vibe design》博客文章以及更广的 vibe-design 内容簇,一轮全站 SEO 元数据整治,以及统一到 @OpenDesignHQ 的官方账号。
  • 更容易自托管。运行时镜像现在自带 bashgit,Docker 默认配置与 GHCR 发布版对齐,针对可信网络提供了一个可选启用的 API 鉴权关闭开关,还有一个全新的一键 Sealos 部署选项。

完整清单长达 103 个 PR。其余内容都在 GitHub 上的发布说明里。

今天就能用它做什么

如果你是……从这里开始
Open Design 新用户下载桌面应用,从 150 套预置的品牌设计系统里挑一套 —— 引导上手现在以一个真正的构建步骤收尾
要带上你自己的品牌把它对准你的品牌 URL、丢进一份 DESIGN.md、递给它一个离线 .fig,或者在浏览器里剪取一个页面 —— 这四种方式都汇入同一套可复用的设计系统
要交付一套演示文稿或一份文档直接以你的设计系统为基础进行构建,再一键导出为 PDF、PPTX、可编辑的 PPTX 或图片
遇到一次失败的运行重新运行它 —— 失败现在会说出自己的原因,而可恢复的那些会自行退避并重试

接下来做什么

品牌并不是一份你每个项目都要重新描述一遍的独立资产 —— 它本身就是一套设计系统。下载桌面应用,把 Open Design 对准一个你已经拥有的品牌,看着它把配色、字体和语调提炼成某种你今天就能以之为基础进行构建、并在之后每个项目里都能复用的东西。

下载 Open Design

六天 103 个 PR,来自 30 个把一张白纸变成起点的人。品牌支撑的设计系统之所以存在,是因为贡献者们弥合了「你拥有的品牌」与「你据以构建的系统」之间的鸿沟。一场运动不会从某一个团队的笔记本电脑里发布出来;它从那些挺身而出、动手去建的人手中发布出来。我们看见你们了。🏛️

延伸阅读


← 返回博客 GitHub · 来源 ↗