OpenDesign：一款开源本地优先的AI设计协作工作台
当我们在使用 Claude Design 这类AI设计工具时，经常会遇到数据上云、模型绑定、订阅收费等问题。本文介绍一款开源的AI设计工作台 OpenDesign，可以在本地环境完成原型、仪表盘、PPT等物料生成，支持自定义接入自有大模型。
一、项目概览：nexu-io 开源设计生态
OpenDesign 是 GitHub 组织 nexu-io 推出的开源项目，定位为协作式 AI 设计 Agent 工作空间，基于 Apache-2.0 协议开源。
项目本身不内置大模型，也不强制绑定任何Agent，它更像一层设计能力中间层，可以对接本地的编码智能体来完成设计任务，核心设计理念：
- 本地优先（Local-first）：项目文件、对话记录、素材、设计产物默认保存在本机，不会自动上传云端
- 自带模型（BYOK）：兼容多款主流编码Agent与大模型服务，使用者自主选择模型，自主控制调用成本
- 开源无锁定：采用宽松开源协议，无遥测上报、账号绑定限制，支持内网私有化部署
- 文件即插件：技能包、设计系统、模板都以目录形式管理，新增资源直接放入对应目录重启即可生效
二、五大核心模块，覆盖多种设计产出场景
nexu-io 围绕AI设计链路，配套了一整套工具矩阵，覆盖从界面绘制到动态视频输出的全流程：
1. open-design（核心工作台）
整个生态的核心模块，对标 Claude Design 的交互体验。 支持产出网页原型、数据仪表盘、PPT演示稿、品牌海报、交互原型、数据大屏等内容； 内置大量可组合技能和成套设计系统； 支持 iframe 实时预览、交互式迭代、统一设计规范管理； 导出产物包含可二次开发的HTML、PDF、PPTX、源码压缩包等。
2. html-anything
面向Agent的HTML编辑器，以自然语言驱动页面生成。 支持多种输出形态：长文档、幻灯片、海报、移动端原型、数据报告等； 自带沙箱预览，可导出HTML、图片等格式。
3. nexu
桌面客户端工具，用来打通AI Agent和即时通讯平台。 支持对接多款IM软件，兼容主流编码Agent，本地运行，数据不出本机。
4. html-video
程序化视频生成工具，基于HTML+CSS+数据直接渲染MP4视频； 内置模板与配音能力，本地渲染输出。
5. motion-anything
动效生成模块，自然语言描述即可生成交互动效； 支持导出CSS、Lottie、GIF、MP4等多种动效格式。
三、核心特点
- 模型解耦，灵活复用已有模型资源它本身不提供大模型服务，对接市面上主流的大模型，包括DeepSeek、Qwen、Kimi等。如果你已经有模型密钥或者本地推理环境，可以直接接入，不需要额外单独付费。
- 本地存储，隐私可控全部项目资源默认保存在本机，适合企业内网、敏感业务场景使用，规避设计数据外传风险。
- 丰富预制设计资产自带多行业设计系统模板，覆盖互联网、工业、金融等场景，仪表盘、表单、海报等模板开箱可用，降低从零开发的成本。
- 产出物对前端友好输出纯净HTML/CSS/JS代码，不是封闭图片格式，产出页面可以直接交给前端继续迭代开发，也支持Vue、React工程化改造。
- 原生兼容 DeepSeek HarnessOpenDesign 将 DeepSeek Harness 作为一等运行时，支持两种集成方式：
- 使用DSH作为模型后端，为OpenDesign提供推理能力，生成各类设计内容
- OpenDesign 以MCP工具的方式注册到DSH，在Agent对话流程里直接调用设计能力 同时支持DSH的流式输出、模型自动发现、会话断点续传等特性。
四、部署与接入方式
方式一：桌面客户端（适合新手快速体验）
提供 Windows、macOS 安装包，安装启动后，会自动扫描本机已有的编码Agent环境，加载配套技能和设计模板，输入需求即可开始生成设计。
方式二：源码部署（适合开发者、内网私有化）
前置环境：Node.js ≥ 24，pnpm ≥ 10.33
# 克隆源码 git clone [https://github.com/nexu-io/open-design.git](https://github.com/nexu-io/open-design.git) cd open-design # 安装依赖 corepack enable && pnpm install # 启动开发服务 pnpm tools-dev run web启动成功后，访问终端打印的本地地址，在浏览器内使用。
方式三：和 DeepSeek Harness 联动
模式A：OpenDesign 使用DSH作为模型引擎
在OpenDesign终端执行配置命令：
od agent setup deepseek-harness配置完成后，模型列表选择DeepSeek Harness，即可调用DSH内的模型完成设计。
模式B：注册为MCP工具给DSH调用
od mcp install deepseek-harness配置后，你可以直接在DSH对话中下达设计指令，由Agent调用OpenDesign生成设计产物。
五、落地实践场景
后台仪表盘快速原型制造业、供应链类管理系统的统计看板，只需要用自然语言描述表格、图表、筛选条件，就能生成完整可交互仪表盘，导出HTML给到前端开发。
示例需求：生成一个制造业来料质量管理仪表盘，包含供应商来料汇总表、物料来料汇总表，支持近7天/近1个月/近1年切换，带分页，同时展示供应商不良TOP10、物料不良TOP10的柱线组合图
- 周报、汇报PPT自动生成输入工作要点，自动生成排版规整的演示文稿，直接导出PPTX用于工作汇报。
- 产品原型快速验证用自然语言描述产品需求，快速产出可交互网页原型，提前验证交互方案。
- 运营物料批量制作海报、长图文等运营素材，统一品牌规范，批量生成。
六、总结
OpenDesign 是一款完成度较高的开源AI设计工具，解决了云端AI设计工具的数据隐私、厂商绑定的痛点。 搭配 DeepSeek Harness 一起使用，可以在本地AI开发链路里补充UI、图表、PPT生成能力，补齐从需求分析、代码开发到页面设计的闭环。项目迭代速度较快，适合前端、产品、数字化开发人员体验研究。
适合人群：前端开发者、产品经理、UI设计师、运维运营人员、企业数字化团队
#AI设计工具 #OpenDesign #DeepSeekHarness #开源项目 #前端开发 #仪表盘设计
