🎨 Open Design：用 AI 编程工具做设计的开源方案

Claude Design 之后，设计师想要的平替

2026年4月17日，Anthropic 发布 Claude Design（Opus 4.7），展示了 LLM 停止写文案、转而"发货"设计成品的潜力——一句话就能生成可交互的 Web 原型、演示文稿、图片乃至视频。它在社交媒体疯传，但紧随其后的是一连串限制：付费专用、仅限云端、绑定 Anthropic 模型和技能栈、不支持自托管、不支持更换 Agent。

Open Design（OD） 是它的开源替代方案。项目名号直白：做那个所有人都能本地运行、不被任何厂商锁定的"Claude Design"。核心思路不是自己造一个 Agent，而是把最强的 AI 编程工具（Claude Code、Codex、Cursor Agent 等16种 CLI）接进来，用设计专用的技能体系驱动它们，在本地完成设计工作流。

图1：Open Design 官网封面，展示本地优先的 AI 设计工具定位

故事起源：站在四个开源肩膀上

Open Design 并非凭空诞生。它的架构和设计哲学大量借鉴了四个开源项目：

• huashu-design：提供初级设计师工作流、五步品牌资产协议、抗 AI 垃圾的检查清单、五维自我批评机制，以及方向选择器背后的"5个流派×20个设计哲学"体系，这些全部沉淀在 apps/daemon/src/prompts/discovery.ts 中。
• guizang-ppt-skill：杂志风格布局、WebGL 特效英雄区、P0/P1/P2 检查清单，被完整打包到 skills/guizang-ppt/。
• open-codesign：第一个开源 Claude Design 替代品，OD 借鉴了其流式 artifact 循环、沙箱 iframe 预览模式、实时 Agent 面板（任务卡片+工具调用+可中断生成）、五格式导出（HTML/PDF/PPTX/ZIP/Markdown）。
• multica：提供了本地守护进程作为唯一特权进程的架构，以及 PATH 扫描自动检测 Agent 的检测机制。

这种站在前人肩膀上的方式，让 Open Design 能专注做差异化：不做 Electron 桌面 App 捆绑自己的 Agent，而是做成 Web App + 本地守护进程，把 Agent 角色交给用户已有的 CLI。

给 AI 编程工具装上"设计模式"

如果把 Claude Code 比喻成专业厨师的万能刀具，Open Design 就是在刀具旁边放上精准的量勺、烤箱温度计和摆盘模具——让厨师知道什么时候该切丝、什么时候该焗烤、什么时候该摆盘。

项目内置 129 套设计系统（129 Design Systems），包括 70 个品牌级产品系统（Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Anthropic、Apple、Cursor、Supabase、Figma 等），以及 57 个来自社区的设计技能模板。设计师不需要从零配置配色、字体、间距——系统已经内置了确定性调色板和字体栈。

31 个内置技能（Skills） 按场景分组（设计/营销/运营/工程/产品/财务/HR/销售/个人），覆盖：Web 原型、SaaS 落地页、Dashboard、移动 App、游戏化 App、社交轮播图、杂志海报、约会网页、精灵动画、动效帧、设计批评、细节调整、线框草图、产品经理规格文档、工程运行手册、财务报告、HR 入职流程、发票、看板、团队 OKR 等。另有 4 个 Deck 模式技能用于生成演示文稿。

当用户输入"给我做一份杂志风格的融资路演 PPT"，系统会先弹出交互式问题表单，让 AI 在" improvisation 一个像素之前"就确认视觉方向，选择五大视觉流派（编辑单眸·现代极简·温暖柔和·科技实用·粗野实验）之一，然后流式输出 TodoWrite 计划，在沙箱 iframe 中实时渲染 artifact。

多模态生成：图片、视频、音频一站式

Open Design 的生成能力不局限于 UI。它集成了三个图像/视频生成后端：

• GPT-Image 2（Azure / OpenAI）：生成海报、头像、信息图、插画地图
• Seedance 2.0（字节跳动）：15秒电影级文生视频/图生视频
• HyperFrames（HeyGen）：HTML→MP4 动态图形，涵盖产品发布、动态字体、数据图表、社交覆盖、Logo 结尾

项目在 prompt-templates/ 目录下提供了 93 个可直接复用的提示词模板（43个 GPT-Image 2 + 39个 Seedance + 11个 HyperFrames），附预览缩略图和来源署名。所有输出物直接写入项目工作目录的 .mp4 / .png 文件，而不是消失在聊天记录里。

BYOK 代理：不用官方 API 也能跑

项目内置了协议级别的 API 代理（/api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream），用户只需填入 baseUrl + apiKey + model，守护进程会自动将 SSE 标准化为统一的聊天流。这意味着即使用户想用自己的 Ollama 实例、自定义的 OpenAI 兼容后端、或者 SenseAudio（该后端还额外暴露 generate_image 和 generate_video 工具，让模型可以直接把渲染产物写入项目文件夹），OD 都能正常对接。

本地 IP/SSRF 攻击在守护进程边缘层被阻断，安全性上有基本保障。

技术架构：本地守护进程 + Web 层 + SQLite 持久化

从代码结构看，Open Design 是一个 pnpm monorepo，主要分为：

• apps/daemon：核心守护进程，扫描 PATH 自动检测已安装的编码 Agent CLI，接收设计指令，协调 Agent 执行，管理项目生命周期。内置 SQLite（.od/app.sqlite）存储项目、会话、消息、标签页、模板，保证次日重新打开时任务卡片和打开的文件还在原处。
• apps/web：Next.js Web 应用，提供交互式 UI（问题表单、方向选择器、实时预览、导出面板）。支持 Vercel 部署或 Docker 独立运行。
• apps/desktop：可选 Electron 外壳，渲染进程沙箱化，通过 IPC 与守护进程通信，支持截图和自动化测试。
• packages/：核心共享包（agui-adapter、contracts、diagnostics、download、host、platform、plugin-runtime、registry-protocol、sidecar-proto）。
• skills/：设计技能目录（每个技能一个子目录，包含提示词模板、校验规则、示例）。
• design-systems/：设计系统配置库，内置 129 套系统。

容器化部署：开箱即用的 Docker 支持

项目在 deploy/ 目录下提供了完整的多阶段 Dockerfile（基于 Node.js 24 Alpine）和 docker-compose.yml，开箱即用。默认暴露 127.0.0.1:7456，包含健康检查（/api/health）、内存限制（384MB）、数据持久化卷（open_design_data）和只读文件系统模式，部署安全性较高。文档明确提示：API 对非浏览器客户端不鉴权，生产环境应通过认证反向代理或 VPN 暴露。

CLI 入口是 pnpm tools-dev（启动/停止/运行/状态/日志/检查），一条命令同时启动守护进程和 Web 层。

争议与局限

Open Design 并不完美。最明显的局限是它依赖用户本地的编码 Agent CLI——Claude Code、Codex 等工具本身并非开源，OD 只是一个"黏合层"，设计质量的上限受制于底层 Agent 的能力。

其次，设计系统数量虽多，但质量参差不齐——部分来自社区贡献的薄薄模板，与 Figma 官方设计系统差距明显。依赖提示词工程而非真正的设计规范执行，设计一致性难以保证。

第三，BYOK 代理模式下安全性完全依赖用户配置的 API 密钥，若使用未经审计的第三方 API，可能存在数据泄露风险。

最后，国内网络环境下，raw.githubusercontent.com 访问不稳定，Docker 镜像拉取也需要代理，对普通用户的部署门槛有一定挑战。

行业意义：设计工具民主化浪潮

Open Design 的出现，本质上是 2025-2026 年 AI 原生工具民主化浪潮的一个缩影。Claude Design 证明了"用自然语言驱动完整设计工作流"的可行性，而开源社区用三个月时间就做出了功能上可比的替代品（且更开放、更可定制）。

从 GitHub 数据看，项目当前拥有 50,583 Stars、5,594 Forks、288 个开放 Issue，近 50 种语言版本的 README（包含简体中文），社区活跃度相当高。支持的 16 种编码 Agent CLI 几乎覆盖了主流 AI 编程工具，意味着大多数用户无需额外安装任何东西——只要电脑上装了 Claude Code 或 Copilot，Open Design 就能接管它们去做设计。

这种"不对齐任何一家模型厂商"的定位，在当前 AI 工具纷纷走向闭源、专有、云端绑定的背景下，显得格外稀缺。对于希望保持本地控制权、或者在企业内部私有化部署 AI 设计工具的团队来说，Open Design 提供了目前最完整的开源选项。

---

分析时间：2026-05-24 | 数据来源：GitHub API + 项目 README + 官网 | 图片已验证可访问