open-design

Open Design 是一款由 nexu-io 社区在 Claude Design 发布后 11 天内逆向打造的开源 AI 设计平台，核心定位是“一个不提供 Agent 的 Agent 原生设计系统”——它不满足于简单的自然语言生成界面，而是将完整的品牌决策、技能调度与视觉风格绑定，通过编排你电脑上已有的编码智能体，产出风格统一、可直接落地的设计工件。市面上大多数 AI 设计工具只解决单点问题——Midjourney 解决图像生成，Figma AI 提供基础灵感，Claude Design 展示了雏形但完全闭源——但很少有工具能把 AI 当成品控严苛的“初级设计师”来训练，让它在动笔前先锁死方向，在调用本地 Agent 执行时不依赖云端服务，最后交付的产物还能随设计系统全局更新。Open Design 解决的正是商业设计工具“闭源付费”与开源方案“风格失控”之间的空白地带。

一、Open Design 是什么

Open Design 是一个基于现代 Web 技术的本地优先 AI 设计系统，前端采用 React + TypeScript，后台守护进程（Daemon）提供代理调度、技能组合和设计规范解析，所有核心计算逻辑在用户本地运行。项目于 2026 年 4 月 28 日开源，以 Apache 2.0 协议发布，原始团队耗时 72 小时编写 18，700 余行代码完成核心框架。开源后迅速引发开发者社区关注，4 天内突破 10，000 星标，两周内突破 40，000 星标；截至 2026 年 6 月中旬，GitHub 星标已超过 61，700，成为 AI 设计赛道全球星标增长最快的开源项目之一。官方迭代同样密集，v0.8.0 版本后推出插件市场、自动化工作流和 Studio 多形态产出，v0.9.0 版本进一步扩充了技能与设计系统的总量。

Open Design 的运作机制与常规 Agent 封装有本质区别：它不内置任何 AI 模型或代理，而是一个设计流程编排器——守护进程启动时自动扫描系统 PATH 中已安装的 Agent CLI（Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen、Copilot 等），将其接入由 Skills（技能）和 Design Systems（设计系统）构成的确定性工作流。Agent 从大语言模型降级为严格执行引擎：它被禁止即兴猜测设计方向，必须按提示词栈中的“先问清楚再动手”规则弹出交互问卷和视觉方向菜单，所有颜色与字体锁定到选定设计系统的 OKLch 色板和字型栈，最终产物（HTML/React/PPTX/MP4 等）通过 <artifact> 标签流式渲染到沙盒 iframe 并写回本地 SQLite 数据库，全程不离开用户本地环境。如果用户本机未检测到任何 Agent，系统会通过 BYOK 机制退化为 OpenAI 兼容 API 的直接调用模式（无工具能力）。

二、Open Design 能做什么

Open Design 的核心能力可以精炼地概括为：套系统、选技能、锁方向、出多形。围绕这四层抽象，它提供了一套从需求锁定到多端产出、再到流程沉淀的完整闭环：

• Design System 品牌契约（150+ 套开箱即用，9 段式规格）——这是 Open Design 相较于其他 AI 设计工具最差异化的模块。每套设计系统以可移植的 DESIGN.md 文件定义：第 1 章定义全局调性，第 2 章建立 OKLch 色板（主色、辅助色、强调色、灰度级），第 3 章指定 6 级字体栈和 4 级间距基线，第 4 章定义布局与容器边界，第 5 章提供 10 个核心组件规范，第 6 章定义动效曲线与时长，第 7 章设定品牌语气与文案约束，第 8 章强制展示品牌标识位置，第 9 章列出绝对禁止的设计反模式。内置设计系统覆盖了从 Linear、Stripe、Vercel、Notion 到 Apple、Tesla、SpaceX、Spotify 以及 Supabase、ElevenLabs 等主流企业，用户在聊天界面中一键切换，Agent 下次渲染时全局配色与视觉规范同步更新，实现“改一行 DESIGN.md 路径刷新所有输出”的工程化品牌管理。

• Skills 技能清单（261+ 个可组合，文件式即插即用）——Open Design 将 AI 的设计能力拆解为按场景划分的独立技能包，每个技能是一个遵循 SKILL.md 规范的文件夹，包含提示词模板、输出范例和资源索引。技能类型覆盖三大主线：Prototype 模式（网页、仪表盘、移动端、游戏化界面、社交媒体轮播、手绘线框图、五维自评表） ，面向高保真前端快速出稿；Deck 模式（杂志风 PPT、投资提案、产品发布、教材课件） ，四类水平滑动演示场景，特别集成 guizang-ppt 杂志风技能实现 WebGL 增强排版；Media 模式，集成 gpt-image-2 图像生成、Seedance 2.0 视频生成和 HyperFrames 动态图形渲染。由于 Skills 本身是文件夹，用户完全可以在现有 skills/ 目录中追加自定义 SKILL.md，无需改一行后端代码即可扩展新的设计能力。

• 方向锁定 + 五维自评（先问再画、强制锁规）——这是 Open Design 在交互流上的核心设计哲学，也是它区别于 Cursor 或 V0 等通用 Agent 的本质差异。每一次设计任务启动时，提示词栈强制弹出双层菜单，用户需要先完成“设计勘测”：确定目标受众、品牌上下文、媒介类型与约束规模，再由系统给出五个精选视觉方向（编辑杂志风、极简现代、温暖柔和、科技实用、粗野主义），每一方向绑定了确定的 OKLch 色板、字型栈和间距比例表。Agent 确认后，按 TodoWrite 计划以五维自评框架（设计哲学、信息层级、像素级细节、功能覆盖度、表达创新度）对照自身输出打分，每一步都有钉死的清单，AI 不再依赖幻觉猜测。实测中，这一套“先锁方向后动像素”的流程，约用 30 秒的前置交互避免了约 80% 因方向跑偏产生的返工成本。

• Studio 多形态输出——在同一个 Studio 项目面板中，同一份 DESIGN.md 可同时驱动四种输出模式：Prototype（HTML/React 高保真网页）、Live artifact（数据驱动的动态仪表盘，可按计划定时刷新）、Slide deck（杂志风 / 投资圈 / 发布会多风格 PPT）、Media（单图 / 宣传视频 / 动态图形），以及直接导出 PDF 和 MP4。用户可以在一个项目内迭代所有资产版本，而不必切换到不同应用。

• Automation × Plugins × Integrations（可复用设计工作流与生态）——Open Design 提供 Automation 模块，可以将重复的设计流程（如月度经营月报、每周数据看板、SaaS 产品录屏宣传稿）编排为可定时、可调度的自动化任务。官方插件市场已收录 261 个插件，支持“Figma 迁移到 React”、“代码库品牌刷新”等复合型工作流，并通过 MCP 协议将 Open Design 的设计文件暴露给外部 Agent。同时开放的 Integrations 接口允许任意 IDE、自动化脚本和 CI 流水线直接调用 Open Design 的生成能力。

三、Open Design 适合谁用

Open Design 的功能特性使其适配各类有“设计飞轮”需求、对品牌一致性敏感并具备工程思维的群体，核心覆盖以下几类：

• 独立开发者与技术极客——用 Cursor 写代码的同时用 Open Design 生成产品落地页、定价面板和品牌色体系。无需另雇设计师，本地运行无数据风险，所有 DESIGN.md 和 SKILL.md 纯文本可控。

• 产品经理与初创团队——快速验证 PRD 对应的 UI 方向，从低保真线框图到高保真原型的产出时间从“约美术/找外包”压缩到“提需求，配设计系统，出一版成品”。多人协作时可通过版本库同步同一套 DESIGN.md，保证前端接收的设计产物天然统一。

• 研发团队与工程组织——在代码库内维护一套符合品牌规范的设计系统文件，Open Design 成为 CI/CD 流水线中的“可复用的 UI 资产层”，确保所有前端页面的生成始终遵守同一套色板与组件规范。

• 设计师与设计团队——将品牌的组件库、配色和字体系统沉淀为 DESIGN.md，由 AI 生成初稿后手动微调，打破“AI 输出靠玄学”的重复返工模式，把精力集中在界面逻辑和高阶体验上。

• 企业技术部门与数据安全敏感行业——Open Design 完全本地优先架构，支持离线运行；医疗、金融和政务团队可在不触及公网的前提下，用本地部署的 Agent 生成带严格品牌标准的设计资产，所有对话记录和设计产物保存在本地 SQLite，支持全链路审计回溯。

• 博主、内容创作者与技术写作者——通过 Open Design 自动化生成各平台的营销邮件、社交媒体轮播封面、文章配图和信息图，可直接集成到个人内容管线和 CMS 系统中。

四、Open Design 的应用场景是什么

基于其核心功能与定位，Open Design 的应用场景主要围绕品牌资产管理、UI 原型的规模化生成、设计流程自动化和研发设计融合，覆盖从个人独立开发到企业级产品矩阵的多个场景，具体包括：

• 品牌资产的代码化治理场景——企业将品牌规范写入 DESIGN.md 文件并纳入 git 仓库，任何前端页面（后台、落地页、销售演示稿）在执行 Open Design 生成时强制遵循此规范。当品牌升级时，只需修改 DESIGN.md，所有历史生成项目和未来新生成内容自动刷新，避免多套物料之间配色、字体不匹配。

• 产品 MVP 的设计快速验证场景——创业团队在没有专门设计师的情况下，用 Open Design 对齐 2-3 个设计系统快速生成高保真网页、小程序预览和融资路演的 PPT，从“需求沟通-原型设计-前端接手”的跨角色等待周期缩短到数小时内闭环。

• 规模化内容生产与自动化运营场景——通过 Automation 按周自动生成“产品周报看板”和“月报 Deck”，同时由媒体生成模块轮转输出新的产品宣传图片和视频动效，形成一个持续运转的“虚拟创意工作室”。

• 研发设计工程一体化场景——当产品经理用 Open Design 产出原型后，生成的设计产物既可以直接被前端工程师当作 React 组件使用，也可以同步更新 DESIGN.md 获得统一组件树。设计系统通过 DESIGN.md 在多个项目间复用，覆盖从 PRD 到像素交付的全生命周期。

• 生态插件集成场景——通过 MCP 协议，Claude Code 等 Agent 可以读取 Open Design 的 Studio 项目文件并在外部 IDE 中触发设计生成，也可以通过官方 Plugins 市场安装第三方复合技能，将设计生成能力作为服务嵌入现有的 DevOps 工具链。

五、Open Design 为什么值得关注

Open Design 之所以值得关注，核心在于它打破 AI 设计工具长期以来的“黑盒 + 云端锁定 + 风格不可控”三重困局，将设计决策权完整交还给用户，同时具备惊人的社区爆发力、深刻的产品哲学价值和持续演进的生态体系，具体体现在以下几点：

• 从“黑盒生成”到“确定性设计工作流”的范式跨越——多数 AI 设计工具在用户输入需求后直接生成结果，设计方向完全交由模型即时猜测，容易出现色系偏差、风格漂移的问题。Open Design 反其道而行之：它通过强制交互问卷锁定品牌背景与受众，辅以方向选择器圈定五个视觉流派，再交由本地 Agent 严格按五维自评清单和 TodoWrite 计划逐项执行。这套“先锁方向再动像素”的工作流，把 AI 的生成行为从“随机扩散”拉回工程规范之内，是当前 AI 设计领域少有的确定性实践。

• 史无前例的增长速度与社区热度的双重验证——从 2026 年 4 月 28 日开源到 6 月中旬，Open Design 在不足两个月内累计获得超过 61，700 GitHub 星标，成为同期 AI 设计赛道全球增速最高的项目之一。这一数据不仅源于 Claude Design 的闭源争议，更是由于 Open Design 本身提供了一套完备的、真正可落地的设计工程化方案。

• 通透的架构哲学：提示词即产物、设计系统即文件——整个 Open Design 的价值核心写在文件系统里：每个 Design System 是一个可移植的 DESIGN.md，每个 Skill 是一个自包含的文件夹，每次生成的对话记录和设计文件存在本地 SQLite。从用户需求输入到最终 <artifact> 沙箱渲染，整个链路每一层都是可读、可改、可审计的，让技术团队获得久违的“透明可控”体验。

• BYOK 与 Agent 无关，21+ Agent 全适配——Open Design 不开发自己的模型或 Agent，而是将 21 种编码 Agent（Claude Code、Codex、Cursor、OpenCode、Gemini CLI、Qwen、Copilot 等）变成你的设计执行引擎。跨模型、跨版本、跨厂商的无缝适应意味着用户不会被任何一家模型供应商绑定；本地 Agent 用 stdio 驱动确保离线环境下依然能完成设计工作流。

• Skill + Design System 的可组合生态与插件市场——261+ Skills × 150+ Design Systems 的理论组合超过 39，000 种，Plugins 市场累计收录 261 个官方扩展插件，Automation 模块支持工作流定时执行。这种“乐高式”架构为后续各类第三方插件的涌现提供了基础，形成了围绕 Open Design 的设计工程化生态。

• 面对同类差异化的清晰站位——Open Design 与 Penpot 同属开源阵营，但 Penpot 对标 Figma 的矢量编辑协作，更接近“开源画布”；Open Design 则是一个编排现有 Agent 和设计规范的工作流系统，重在“用 AI 按品牌规范批量生成资产”，两者在实际使用中是高度互补的关系而非替代竞争。

• 挑战与短期迭代中尚存的粗糙界面——Open Design 的核心循环虽已端到端跑通（检测 → 选 Skills 和 Design Systems → 对话 → 解析 → 预览 → 保存），但界面层的设计细节和部分边缘功能仍在快速迭代中，0.8.0 预览版侧重新特性引入而对旧版项目的向后兼容性尚未完全稳定，用户需要根据自己的场景选择适合的迭代分支。

当商业 AI 设计工具将品牌规范、设计产出和创意供应链锁定在云端订阅的黑盒里时，Open Design 代表的是一种更质朴的坚持：让设计重新回到文件系统，让品牌规则回归 DESIGN.md 的可读文本，让每个独立开发者都能用自己电脑上已有的 Agent，获得一个尊重品牌、数据自控并且真正“听得懂设计”的创意工作室。