Open Design 是 nexu-io 推出的开源本地优先 AI 设计工具，对标 Claude Design，依托多 Agent 驱动，内置海量设计系统，一站式完成多品类原型设计与多格式文件导出交付。

一、核心功能

Open Design 核心定位是无模型绑定、本地可控的 AI 全链路设计引擎，跳出 Claude Design 闭源绑定单一模型的桎梏，围绕 Skill 模块化能力 + 品牌设计系统两大核心底座，构建从需求输入、原型生成、在线预览到多格式导出的全闭环设计能力，全功能依托本地文件运行，数据不强制上传云端。

第一，多 Agent 自动识别调度是项目底层核心能力。软件启动时自动扫描系统 PATH 环境变量，全自动探测本机已安装的 17 款主流 AI 编码 CLI 工具，包含 Claude Code、Cursor Agent、Codex、Gemini CLI、Qwen、GitHub Copilot CLI、Kimi 等；本地无可用 Agent 时，支持 BYOK（自带密钥）代理模式，填入任意兼容 OpenAI 协议的大模型 API 即可兜底驱动设计流程，全链路不锁定任意厂商模型，用户自由切换算力来源。

第二，259 + 可组合 Skill 模块化设计能力。项目将全场景设计需求拆分为独立可插拔技能包，划分为网页原型、移动端 App、桌面端软件、PPT 幻灯片、动态 HyperFrames、短视频生成、图片设计、代码评审、PDF 解析、本地文件检索十大类技能，单技能可独立启用、多技能自由组合串联复杂任务。例如落地页设计可联动页面生成 + 图标制作 + 动效渲染三项 Skill，无需重复配置环境；同时集成 terminal 终端调用能力，可联动本地脚本自动化批量生成整套项目资源。

第三，142 + 品牌级预置设计系统。内置覆盖全球主流产品的设计规范，包含 Apple、Linear、Stripe、Figma、Anthropic、Cursor 等成熟 UI 体系，细分极简、科技、杂志风、粗野、柔和五大视觉流派。用户选定设计系统后，AI 自动遵循对应色值、排版、组件规范生成内容，避免设计风格混乱，同时支持自定义导入私有企业设计规范长期复用，解决团队设计不统一难题。

第四，沙盒实时预览与全格式导出管线。所有设计产物在本地沙盒 iframe 中实时渲染预览，支持 iPhone、iPad、Mac、安卓多设备外壳套壳像素级预览，所见即所得；成品一键导出 HTML、PDF、PPTX、MP4、ZIP、Markdown 六种格式，HTML 源码可直接部署上线，PPT 自带 WebGL 动态特效，省去二次格式转换成本。

第五，MCP 跨工具互联与项目版本管理。原生遵循 MCP 协议，可作为 Skill 接入 Claude Code、Cursor 等编辑器，设计稿与代码工程双向互通；内置 SQLite 本地数据库存储项目全版本，自带评论批注功能，设计变更留痕，支持回滚历史版本，适配团队评审协作需求。

二、技术栈

Open Design 整体采用前端 Web + 本地守护进程双层架构，基于 TypeScript 全栈开发，开源协议为 Apache-2.0，兼顾桌面客户端、网页部署、容器化三种运行形态，技术分层清晰、模块化解耦，便于开发者二次定制开发。

1. 前端展示层

采用 Next.js 16+React18 构建前端交互页面，基于 App Router 路由规范，搭配 Vite 做本地热启动，负责需求录入、Skill 选择、设计系统切换、沙盒预览、导出配置全页面交互；前端通过 SSE 长连接与本地守护进程实时通信，流式接收 AI 生成进度、待办任务卡片，实时展示 Agent 工作链路，无需轮询刷新页面，大幅优化交互体验；同时内置多语言国际化方案，原生支持简体中文、英文等主流语种。

2. 本地守护进程（Daemon）

核心运行环境基于 Node.js24+Express 搭建，是项目调度中枢：负责自动扫描 PATH 路径识别本地 Agent CLI、拼装标准化提示词栈、调用文件系统读写项目资源、对接 SQLite 持久化存储；采用 better-sqlite3 做本地数据库，项目文件、配置、设计系统资源统一存放于本机.od隐藏目录，全部数据落地本地磁盘，无云端存储依赖；SSE 流式协议打通前后端数据链路，实现 AI 生成过程实时可视化。

3. AI 与 Agent 调度层

自主开发 PATH 探测引擎，通过系统命令遍历已安装 CLI 路径，标准化封装 17 类 Agent 调用协议；BYOK 代理模块基于 OpenAI 兼容接口规范开发，支持任意第三方大模型 API 接入，内置 SSRF 安全防护机制，规避密钥泄露与非法请求风险；提示词工程库内置五维自检规则、反 AI 模板话术校验清单，强制 AI 设计前完成规范自检，降低机器化设计痕迹。

4. 导出与媒体处理层

集成多开源渲染引擎：HTML 转 PDF 依托无头 Chromium，PPTX 基于开源 PPT 生成内核，MP4 短视频接入 Seedance2.0 动效渲染库，HyperFrames 动态组件整合 WebGL 图形框架；文件打包模块基于 Node 原生 fs 模块，批量压缩资源生成 ZIP 交付包，全格式转换不依赖第三方在线服务，全程本地运算。

5. 部署扩展层

原生支持 Docker 容器化配置、Vercel 云端一键部署、pnpm 本地开发三种方案；开放 Skill 开发 SDK，开发者可基于规范自定义新增设计技能，拓展项目能力边界。

三、解决什么痛点

Open Design 诞生核心目的，直击 Claude Design、Figma、传统 AI 设计工具四大行业普遍痛点，从成本、数据、灵活性、落地效率四个维度补齐现有产品短板。

第一，解决闭源工具高额订阅与模型锁定痛点。Claude Design 仅支持 Anthropic 自研大模型，按月收取高额订阅费用，企业批量使用成本居高不下；Figma 云端版订阅昂贵、离线功能受限。Open Design 完全开源免费、无订阅收费，用户复用手头已有的各类 AI Agent 算力，已有模型无需额外付费，零成本拓展 AI 设计能力，中小企业与个人大幅缩减工具开销。

第二，解决设计稿云端存储隐私泄露痛点。主流 AI 设计工具强制文件上传厂商云端，商业产品原型、企业 UI 规范、涉密方案存在数据外泄风险；Open Design本地优先架构，全项目文件、配置、密钥全部保存在用户本机，离线完整可用，断网不影响已有项目编辑，金融、政企、涉密项目设计不再担心数据上云隐患。

第三，解决 AI 设计产物落地难、格式受限痛点。多数 AI 设计工具仅输出图片、草图，无法直接产出可落地源码，还需前端工程师二次重构；Open Design 直接生成标准 HTML 源码，配套完整 CSS 样式与组件，一键导出 PPT、PDF，产物可直接用于上线、汇报，省去设计转开发中间环节，压缩项目周期。

第四，解决设计风格杂乱、规范难以复用痛点。普通 AI 生成设计无统一规范，每次生成风格随机，团队落地需反复调整；Open Design 内置上百套成熟设计系统，企业可导入自有 UI 规范，AI 全程遵循统一标准，从源头规避风格混乱，规范一次导入永久复用，降低团队设计沟通成本。

第五，解决 Agent 与设计工具割裂痛点。当下编码 AI 与 UI 设计软件互相独立，代码和设计稿割裂，修改需求需要两边同步；Open Design 打通 MCP 协议，设计端与编码端双向联动，改设计自动同步代码提示，减少前后端对接返工。

第六，解决离线无法使用工具痛点。绝大多数云端 AI 设计软件断网即失效，出差、无网络环境无法开展工作；Open Design 全功能本地运行，仅首次配置 API 需要联网，后续全流程离线可用。

四、应用场景

Open Design 凭借全品类设计覆盖能力，适配产品、开发、市场、创业、教学五大人群全场景使用，细分七大落地方向。

1. 前端 & 独立开发者

快速生成 SaaS 官网、产品落地页、后台 Dashboard、移动端 App 整套 UI 原型，AI 产出完整 HTML 代码，直接调试上线；新项目前期快速出多版方案原型，缩短需求评审周期，替代手绘线框与静态草图，零基础开发者也能自主完成产品界面设计。

2. 产品经理

一句话生成产品原型、功能流程图、项目汇报 PPT，杂志风、极简风等多风格一键切换；融资 BP、项目周报、需求文档配套可视化页面，告别手动做图排版，大幅提升汇报材料制作效率，快速输出多套产品方案用于内部评审。

3. UI / 平面设计师

复用海量品牌设计系统快速出稿，聚焦创意优化而非重复排版；批量生成营销海报、官网配图、动态 HyperFrames 动效，短视频封面与宣传片分镜一键生成，减少重复性基础设计工作。

4. 市场运营人员

活动落地页、推广 H5、招商 PPT、短视频素材全链路制作，无需依赖设计与开发，自然语言描述需求即可产出可落地物料，适配节日营销、产品上新等高频素材产出场景。

5. 初创创业团队

零设计预算情况下完成整套品牌视觉、官网、APP 原型、商业计划书 PPT，小团队一人兼顾产品、设计、文档全流程，压缩初创阶段人力成本，快速落地产品 Demo 用于融资对接。

6. 高校教学 & 学生

课程设计、毕业设计原型制作，前端实训作业页面生成，毕业设计 PPT 与配套演示网页一站式产出，适配计算机、设计类专业日常学习与答辩需求。

7. 政企与中小企业

内部管理系统 UI、制度文档 PDF、企业宣传材料本地化制作，数据全程保存在内网本地，符合数据安全合规要求，规避商业资料外泄风险。

五、普通人应该怎么用

Open Design 提供源码部署、桌面安装包、Docker 容器三种使用方式，新手优先桌面安装，有代码基础可选源码部署，全流程门槛低，零基础也可快速落地使用。

方式一：桌面安装包（新手首选，零代码）

1. 前往项目官方发布页下载对应系统安装包（Windows/MacOS），双击完成安装，安装路径自选；打开软件后在设置面板切换简体中文界面。
2. 提前在本机安装任意一款支持 CLI 的 AI 工具（Claude Code/Cursor Agent 任选其一），软件启动自动识别本地 Agent；无本地 Agent 则在设置填入兼容 OpenAI 的 API Key，开启 BYOK 代理模式。
3. 左侧选择对应 Skill（网页原型 / PPT 制作等），右侧挑选目标设计系统，在首页表单填写项目需求（产品用途、目标人群、需要模块），补充视觉偏好后提交生成。
4. AI 实时展示生成 Todo 清单，沙盒预览成品，满意后一键导出 HTML/PDF/PPTX 到本地文件夹；可在线微调内容后再次导出。

方式二：源码部署（开发者 / 深度自定义）

bash

运行

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
pnpm dev:all # 同时启动前端+本地守护进程

启动后浏览器打开http://localhost:5173，配置 Agent 与密钥后即可使用，可自行修改 Skill 与设计系统源码二次开发。

方式三：Docker 一键部署（团队多设备共用）

拉取官方 Dockerfile 构建镜像，docker run映射端口，局域网其他设备访问对应 IP 地址，团队共用一套配置与设计资源，统一规范。

新手实用建议

日常 PPT、简易页面用 Standard 标准模式；商业产品、官网落地选用对应品牌设计系统；生成后优先预览再导出，复杂项目拆分多次生成降低出错概率。

六、未来发展方向

依托 GitHub 超 5.7 万 Star 的社区体量，Open Design 迭代节奏迅速，项目官方披露四大长期发展路线，围绕易用性、生态、本地化、企业化持续迭代优化。

第一，全品类 Skill 持续扩充。持续新增 3D 原型、小程序原生页面、移动端原生代码生成、数据库架构设计等专项技能，完善从 UI 设计到前后端代码、数据库设计全链路闭环；开放社区投稿通道，由全球开发者共建共享自定义 Skill 资源库，丰富生态能力。

第二，优化本地轻量化模型适配。弱化对第三方云端 API 依赖，接入开源本地小模型，实现完全离线 AI 设计，低配笔记本也能流畅运行，进一步降低用户使用成本，彻底摆脱密钥与联网限制。

第三，强化多人云端协同能力。在本地优先基础上，新增可选云端协作模块，用户自主选择是否同步项目至私有云，兼顾数据安全与团队远程协作，补齐对标 Figma 的协同短板，适配中大型企业团队需求。

第四，全格式与生态深度拓展。完善 Office 全格式、Excel、思维导图原生导出；深度对接 Obsidian、VS Code、Figma 插件生态，实现跨软件无缝同步设计资源；推出移动端小程序预览工具，手机实时查看本地项目成果。

第五，细化行业专属设计系统。针对教育、医疗、金融、电商等垂直行业定制专属 UI 规范包，一键匹配行业合规设计标准，降低行业项目设计门槛；优化反 AI 生成算法，进一步提升设计原创度与落地实用性。

七、总结

Open Design 作为 Claude Design 开源平替标杆，凭借本地优先 + 多 Agent 自由调度 + 海量设计系统三大核心优势，打破闭源 AI 设计工具收费锁模型、数据上云、落地困难三大行业痛点，凭借免费开源、全格式交付、离线可用的差异化优势在 GitHub 短时间收获五万 + Star，成为当下 AI 设计领域热门开源项目。

从产品逻辑来看，它跳出 “自研大模型绑定用户” 的传统思路，巧妙复用用户已有的各类 AI 算力资源，以中间层工具的定位打通 Agent 与设计工作流，兼顾个人低成本使用与企业数据安全两大诉求，适配从学生、个体创作者到中小企业全人群需求，完美平衡易用性与可控性。

放眼 AI 设计发展趋势，数据本地化、算力自主化、产出落地化是不可逆方向，Open Design 精准踩中行业风口。短期它将持续丰富技能与设计系统生态，完善协同能力；长期有望成为开源 AI 设计基础设施，推动 AI 设计从云端订阅时代转向本地自主可控的新阶段，为整个 UI 设计行业提供低成本、高自由的全新解决方案。

源代码：https://github.com/nexu-io/open-design