34k Stars 的开源设计助手：本地优先、支持 16 种 Agent CLI 的 Design 工具

你有没有遇到过这种情况——凌晨两点改设计稿，AI 助手突然显示「今日调用额度已用完」？或者项目需要接入多个设计系统，但每次都要手动切换、云端同步慢得总要命？我之前一直被这些问题困扰，直到在 GitHub 上发现了 nexu-io/open-design。这个项目目前已斩获 34k Stars，作为一款开源的 Claude Design 替代品，它用本地优先的架构重新定义了设计工具的可能性。

本地优先：让设计数据真正属于你

最吸引我的是这个项目的核心理念——本地优先。与许多依赖云端的设计 AI 工具不同，nexu-io/open-design 所有的处理都发生在本地环境，这意味着你的设计稿、组件库、样式配置都不会上传到任何第三方服务器。我 clone 下来试了一下，安装过程出乎意料地简单：

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web
# 打开终端输出的 Web URL

跑起来之后我发现，整个界面非常清爽，没有那些花里胡哨的弹窗和引导。设计稿的解析、组件的识别、样式代码的生成，全部在本地完成，响应速度也很快。更重要的是，即使没有网络连接，核心功能依然可以正常使用——这对于经常出差或者在网络不稳定环境下工作的设计师来说，简直是刚需。

16 种 Agent CLI + 31 个 Skills：设计师的自动化利器

项目内置了 16 种 Agent CLI 工具，覆盖了从设计稿解析、组件识别、样式提取到代码生成的全链条。启动时自动扫描 PATH，检测到的 CLI 自动成为候选设计引擎：

Claude Code · Codex CLI · Devin · Cursor Agent · Gemini CLI · OpenCode · Qwen Code · Qoder CLI · GitHub Copilot CLI · Hermes · Kimi CLI · Pi · Kiro · Kilo · Mistral Vibe · DeepSeek TUI

没装任何 CLI？BYOK 模式填入 API Key（支持 Anthropic / OpenAI / Azure / Google 四家），守护进程把 SSE 流标准化后喂给同一个聊天界面。甚至可以用本地模型——Ollama 和 LM Studio 的 loopback 地址是允许的。

目前已支持 31 个 Skills，包括设计标注自动生成、响应式样式转换、设计 Token 同步等实用功能。

72 套 Design System：开箱即用的组件库支持

对于设计师来说，最头疼的事情之一就是适应不同的 Design System。项目预设了 72 套主流 Design System，涵盖 Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Anthropic、Cursor、Supabase、Figma、Resend、Raycast、Cohere、Mistral、X.AI、Spotify、Webflow、Sanity、PostHog、Sentry、MongoDB、ClickHouse、Cal、Replicate、Clay、Composio、小红书等你能想到的大多数产品品牌。

切换设计系统，下一次渲染自动使用新令牌——不是「换个主题色」，而是整套视觉语言的切换。

交互式问卷：先问清楚再动手

这是 Open Design 最聪明的设计之一。Prompt 栈里硬编码了一条 RULE 1：每次新设计任务，AI 的第一反应不是写代码，而是弹出一个交互式问卷——锁定目标平台、目标受众、调性、品牌上下文、规模大小。

这种「初级设计师模式」理念：先把问题问完，再展示看得见的东西。30 秒的表单填写，省掉 30 分钟的来回修改。

架构拆解：守护进程 + Web 前端

前端：Next.js 16 + React 18 + TypeScript
守护进程：Node 24 + Express + better-sqlite3
所有数据存在 .od/ 目录下，数据全在你手里

整体架构分为三层：Browser（Next.js 16）处理聊天、文件工作区、iframe 预览和设置；Local daemon（Express + SQLite）提供 Agent 管理、Skills、Design Systems 等 API；Agent CLI 层负责读取 SKILL.md 和 DESIGN.md 并将产物写入磁盘。

与 Claude Design 的正面 PK

从实际体验来看，这两个工具定位有明显差异。Claude Design 作为云端产品，在 AI 生成能力和自然语言理解上确实更强，但代价是需要付费，而且设计数据要经过第三方处理。nexu-io/open-design 作为开源方案，数据完全本地化，隐私性更好，而且在 Design System 适应和本地化处理上更加灵活。

对比维度	nexu-io/open-design	Claude Design
部署方式	本地/Docker/Vercel/桌面 App	云端
隐私性	完全本地，数据你控制	需上传数据
费用	免费开源（Apache 2.0）	付费订阅
Design System	72 套可切换	固定
Agent CLI	16 种 + BYOK	只支持 Anthropic 模型
离线支持	完全支持	不支持

上手方式

桌面 App（最快）：去 open-design.ai 或 GitHub Releases 下载，macOS（Apple Silicon）和 Windows（x64）都有。

Docker：

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d
# 打开 http://localhost:7456

结论：谁应该 Star 这个项目？

如果你符合以下任意一种情况，这款开源工具值得你认真关注：

- 预算有限的独立开发者或小团队，需要免费的 AI 设计辅助能力
- 对数据隐私有严格要求的企业，设计稿不适合上传到云端
- 需要频繁切换多套 Design System 的团队
- 想把现有编程 Agent 变成设计引擎的工作流玩家

建议先给项目点个 Star，然后拉下来用 Docker 快速部署试试看。项目地址：https://github.com/nexu-io/open-design

整体来说，nexu-io/open-design 在开源 Design AI 工具这条赛道上，给出了一份相当有诚意的答卷。它不是 Claude Design 的完全替代品，但作为本地化、设计系统管理、快速原型生成的辅助工具，已经足够强大。

写于 2026 年 05 月 28 日