OpenDesign 协作式 AI 设计工作台
OpenDesign 是首个协作式 AI 设计智能体工作台,本地优先且开源。团队可用 AI Agent 生成原型、网站、App、仪表盘、演示文稿、图像与动效,并在同一项目中共享、评审与迭代。
过去 7 天收获 4 颗 Star
爱鲜报评分
0 人评分
105k
星数
是
中文
TypeScript
主语言
是
活跃
449
贡献者
人工分析
EDITORIAL推荐理由
OpenDesign 把「设计系统 + AI 编码智能体 + 团队协作」整合进一个本地优先的工作台,支持 Claude Code、Codex、Cursor、DeepSeek Harness 等主流智能体,对已有 AI 编码工作流的团队迁移成本较低。Apache-2.0 开源、可自托管,适合希望摆脱 Figma 式订阅、把设计产物直接落到代码的团队。
适用场景
- 用 AI 智能体快速生成可交互原型与网页
- 团队共享设计系统并统一品牌资产
- 生成演示文稿、图像与动效视频素材
- 在本地或私有环境搭建 AI 设计协作平台
- 把设计稿直接交给编码智能体迭代成代码
优点
- 本地优先、Apache-2.0 开源,数据与设计资产可控
- 兼容 Claude Code、Codex、Cursor、DeepSeek 等多种智能体
- 覆盖原型、网站、App、仪表盘、幻灯片、图像、视频多类产物
- 内置设计系统与插件/技能机制,便于团队沉淀规范
- 社区活跃,Star 与 Fork 数量可观
缺点
- 桌面应用形态,需本地安装与配置智能体环境
- 功能面广,初次上手需理解设计系统与技能概念
- 部分云端能力与额度涉及商业计划
- 中文文档虽有但深度资料仍以英文为主
OpenDesign 是什么
OpenDesign 定位为「首个协作式 AI 设计智能体工作台」,主打 本地优先(local-first) 与 开源(Apache-2.0)。它的核心思路是:从一个需求简报出发,让编码智能体按照团队的设计系统产出原型,再把成果分享给团队评审,最后让智能体在同一项目里继续迭代。
与传统设计工具不同,OpenDesign 的产物更接近「可直接运行的代码」:原型、网站、App、仪表盘、演示文稿、图像和动效视频都可以在同一工作台内完成。
核心能力
- Studio 创作区:在同一项目中完成原型、幻灯片、图像与 HyperFrames 动效的创建与精修。
- 设计系统(Design Systems):沉淀品牌资产、字体与配色,让智能体产出保持一致性。
- 插件与技能(Plugins / Skills):官方技能可按分类检索,一键
Try it启动。 - 团队协作:分享作品、交换反馈、围绕同一项目反复迭代。
与编码智能体集成
OpenDesign 通过 skills、CLI 与 MCP 接入主流编码智能体,也提供原生运行时适配。以 MCP 方式安装的示意:
# 以 Claude Code 为例(示意,具体以官方文档为准)
od mcp install claude
官方列出的支持对象包括 Claude Code、Claude Desktop、Codex CLI、Cursor、VS Code + GitHub Copilot、OpenCode、Cline、Trae 等;DeepSeek Harness 则作为一等原生运行时接入,支持结构化流式输出、模型发现、取消与会话恢复。
适用人群
- 希望把设计产物直接落到代码的前端/全栈团队
- 已经在用 Claude Code、Codex、Cursor 等智能体的开发者
- 需要统一设计规范、又不想被 SaaS 订阅绑定的团队
上手建议
建议先阅读官方 QUICKSTART 与中文 README,从「一个简报 → 一个原型」的最小闭环开始,再逐步引入设计系统与自定义技能。
评论
- 暂无评论,来写第一条吧。