#

一站式设计工作台，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模式（主要） ：

  • • web-prototype — 落地页、营销页、Hero页
  • • saas-landing — SaaS产品页：Hero/功能/定价/CTA
  • • dashboard — 后台管理、数据看板
  • • mobile-app — iPhone 15 Pro / Pixel 原型
  • • mobile-onboarding — App引导流
  • • gamified-app — 游戏化App：任务系统+XP+等级
  • • social-carousel — 三张1080×1080社交媒体轮播图
  • • magazine-poster — 杂志风格海报
  • • email-marketing — 品牌营销邮件
  • • wireframe-sketch — 手绘风格线框图
  • • critique — 五维自评表：哲学·层级·细节·功能·创新

Deck模式（演示文稿） ：

  • • guizang-ppt — 杂志风Web PPT，WebGL背景，单文件HTML
  • • simple-deck — 极简水平滑动Deck
  • • replit-deck — 产品演示Deck
  • • weekly-update — 团队周报Deck

还有办公类：PM需求文档、OKR表、会议纪要、看板、运维手册、财务报告等。

2. 150+ 品牌级设计系统：不是换个主题色那么简单

每套设计系统是一个DESIGN.md文件，包含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等内部调用。

# 一键安装到你的Agent  
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>  
# agent可选：claude | codex | cursor | copilot | openclaw | antigravity | gemini | pi | vibe | hermes | cline | kimi | trae | opencode

方法三：Docker运行

git clone https://github.com/nexu-io/open-design.git  
cd open-design/deploy  
cp .env.example .env  
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env  
docker compose up -d  
# 打开 http://localhost:7456

方法四：从源码运行

git clone https://github.com/nexu-io/open-design.git  
cd open-design  
corepack enable && pnpm install  
pnpm tools-dev run web

需要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篇的节奏持续更新