Open Design：让AI从“随便画画”进化为“资深设计师”的开源神器

一站式设计工作台，Claude Code开源平替，6.6万+ Star，Apache 2.0协议，本地优先，无模型锁定 为什么你需要知道 Open Design？ 2026年4月，Anthropic推出了Claude Design，让大模型不再只会写文字，开始真正产出设计作品。但它 闭源、付费、云端运行 ，只认自家模型和自家技能。 开源社区很快给出了回应—— Open Design （nexu io/open design）。 它是一个 AI设计工作流编排器 ——不训练模型，不造Agent，而是做一件更聪明的事： 把你笔记本上已经装好的编程Agent变成设计引擎 。 简单说：如果你已经在用 Claude Code、Codex、Cursor Agent、Qwen、Copilot 这些工具，Open Design 能让它们秒变设计师。 Claude Code既视感 丰富的社区资源 核心能力速览 Open Design 0.10.1 是一个 全能的Agentic设计工作区 ——从模糊的想法到发现参考资料、收集素材、交互式编辑、排队评论、打磨动效，再到交付给编辑或代码Agent， 整个流程都在一个窗口里完成 。并行会话让它不再像一个助手，而像一个 本地设计团队 在为你工作。 | | | | | | | 维度 | Claude Design | Open Design | | | | | | 开源 | ❌ 闭源 | ✅ Apache 2.0 | | Agent | 只能用Anthropic模型 | 22种CLI + BYOK | | 部署 | 云端 | 本地 / Vercel / Docker / 桌面App | | 设计系统 | 固定 | 150+套可切换 | | 技能 | 固定 | 259+个文件式技能，可自己加 | | 数据 | 云端 | 本地SQLite，你的数据你控制 | 六大核心特性 1. 259+ 设计技能：从网页原型到杂志风PPT Open Design把“能生成什么”拆成了独立的技能，每个技能就是一个文件夹（SKILL.md + assets/ + references/），丢进去重启就有。 Prototype模式（主要） ： • — 落地页、营销页、Hero页 • — SaaS产品页：Hero/功能/定价/CTA • — 后台管理、数据看板 • — iPhone 15 Pro / Pixel 原型 • — App引导流 • — 游戏化App：任务系统+XP+等级 • — 三张1080×1080社交媒体轮播图 • — 杂志风格海报 • — 品牌营销邮件 • — 手绘风格线框图 • — 五维自评表：哲学·层级·细节·功能·创新 Deck模式（演示文稿） ： • — 杂志风Web PPT，WebGL背景，单文件HTML • — 极简水平滑动Deck • — 产品演示Deck • — 团队周报Deck 还有办公类：PM需求文档、OKR表、会议纪要、看板、运维手册、财务报告等。 2. 150+ 品牌级设计系统：不是换个主题色那么简单 每套设计系统是一个 文件，包含 9个维度 ： • 色彩 — 主色、辅色、强调色、背景色 • 字体 — 标题字体、正文字体、字号阶梯 • 间距 — 网格系统、边距规范 • 布局 — 栅格、容器、响应式断点 • 组件 — 按钮、卡片、导航栏 • 动效 — 过渡时长、缓动函数 • 语气 — 文案调性 • 品牌 — 标志使用规范 • 反模式 — 不该这么用 内置设计系统涵盖：Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Anthropic、Cursor、Supabase、Figma、Resend、Raycast、Spotify、小红书…… 切换设计系统，下一次渲染自动使用新令牌—— 这是整套视觉语言的切换，不只是换个颜色 。 3. 交互式问卷：先问清楚再动手 这是Open Design最聪明的设计之一。Prompt栈里硬编码了一条规则： 每次新设计任务，AI的第一反应不是写代码，而是弹出一个表单 ： • 这个作品的目标平台？（Web/Mobile/Desktop） • 目标受众是谁？ • 调性是什么？（严肃/活泼/极简/奢华） • 有没有品牌上下文？ • 规模多大？（单页/多页/整套） 30秒的表单填写，省掉30分钟的来回修改。 4. 五种视觉风格：确定性调色板 如果用户没有自带品牌，Open Design提供五种视觉方向，每种附带 确定性的OKLch调色板和字体栈 ： | | | | | | | 风格 | 调性 | | | | | Editorial Monocle | 编辑杂志风，衬线字体，克制用色 | | Modern Minimal | 极简现代，大留白，无衬线 | | Warm Soft | 温暖柔和，圆角，暖色系 | | Tech Utility | 科技实用，等宽字体，冷色调 | | Brutalist Experimental | 粗野主义实验，大胆撞色，不规则布局 | 关键在于确定性 ——选定风格后，调色板和字体栈是固定的，不是让模型即兴发挥，避免了每次生成结果视觉不一致的问题。 5. 媒体生成：图片、视频、动效一条龙 不只是静态HTML，Open Design集成了三层媒体能力： • gpt image 2 （Azure/OpenAI）→ 海报、头像、信息图、手绘地图 • Seedance 2.0 （字节跳动）→ 15秒影视级文生视频、图生视频 • HyperFrames （heygen com）→ HTML转MP4动画，产品展示、数据图表、Logo动效 内置 93个现成Prompt模板 ——43个图片+39个视频+11个动效，带预览缩略图和来源标注。 6. 架构：本地守护进程 + Web前端 Open Design站在四个开源项目的肩膀上： • huashu design — 设计哲学指南，5步品牌资产协议、五维自评 • guizang ppt skill — 杂志风PPT技能 • open codesign — 第一个开源Claude Design替代品 • multica — 守护进程架构，PATH扫描Agent检测 最低门槛上手教程 方式一：下载桌面App（推荐，零配置） 最快的上手方式，无需Node、无需pnpm、无需clone。 • macOS （Apple Silicon / Intel x64）→ open design.ai 或 GitHub Releases • Windows （x64）→ open design.ai 或 GitHub Releases • Linux （AppImage）→ GitHub Releases 安装后，App会自动检测你PATH上的所有编程Agent CLI，加载259+技能和150+设计系统，在入口视图输入需求即可开始。 方式二：安装到你的编程Agent（无UI） 可以在不打开GUI的情况下使用Open Design——作为技能、插件或MCP服务器在Claude Code、Codex、Cursor、Copilot等内部调用。 方法三：Docker运行 方法四：从源码运行 需要Node 24，pnpm 10.33.x。 支持哪些Agent？ Open Design支持22种CLI，包括：Claude Code、Codex、Cursor、VS Code + GitHub Copilot、Copilot CLI、Gemini CLI、OpenCode、OpenClaw、Antigravity、Cline、Trae、Kimi CLI、Pi Agent、Mistral Vibe CLI、Hermes Agent等。 没有安装任何CLI？没关系——BYOK模式支持任何OpenAI兼容的API端点（OpenAI、Anthropic、Azure OpenAI、Google Gemini、Ollama、LM Studio、vLLM等）。 总结 Open Design的核心价值在于： 让你的CLI成为设计引擎，你的笔记本成为工作室，你团队的DESIGN.md成为品牌契约。 它是 All in one 的 Agentic 设计工作台： 从一个模糊的想法出发，到发现参考、收集素材、交互式编辑、打磨动效，再交付给编辑器或 Code Agent，全程无需离开应用。配合多会话并行，它不再只是一个助手，而是一支为你工作的本地设计团队。 开源、本地优先、无模型锁定 ——这就是Open Design。去试试吧 👉 https://github.com/nexu io/open design 这里是「psc的云端缓存」，记录大厂离职人的个体重建和成长认知 如果你也在经历职业倦怠、转型焦虑，或者想看普通人如何重建自己，可以点个关注，我会以每周2 3篇的节奏持续更新