智能体 · 中文选型解读

open-design

已解读GitHubApache-2.0TypeScript

这是一款开源的Claude Design替代工具,为本地优先桌面端应用,可对接多种代码智能体,生成多类设计物料并导出标准商用格式。

85.6kstar近 30 天仍在维护维护状态Apache-2.0 · 可评估商用商用提醒
在 GitHub 查看官方项目
适合解决让 AI 拆解任务、调用工具并完成多步骤流程
更适合希望自动化运营、调研、销售或内部流程的团队
投入判断上手门槛:需评估。需要明确流程边界,并持续评测结果
一分钟看懂

这个项目值得继续研究吗?

AI 依据上游资料解读 · 2026/8/17

这是一款开源的Claude Design替代工具,为本地优先桌面端应用,可对接多种代码智能体,生成多类设计物料并导出标准商用格式。

解决什么问题
企业制作原型、官网、汇报PPT、宣传物料时往往跨多工具协作,对齐品牌规范成本高,手动导出适配多格式效率低,闭源设计工具付费成本高还难与内部智能体打通。
适合什么团队
适合有AI设计、批量物料生成需求的市场、运营、产品团队,以及已在用代码智能体、希望降本提效的设计协作团队。
使用前注意
桌面端仅支持macOS和Windows系统,对接部分智能体需提前安装对应CLI工具,也可选择官方云服务按实际Token用量付费使用。

本页用于缩短初步筛选时间,不构成技术、采购或法律结论。 正式使用前请在真实业务数据上验证,并以官方说明与许可证为准。

项目导读

从官方资料看清能力、部署与采用边界

AI 翻译整理 · 保留官方来源

以下内容依据项目公开 README 或模型卡翻译整理,代码、命令和产品名保持原样。

项目定位

Open Design是开源的Claude Design替代方案,也是面向智能体时代的Figma替代工具,采用本地优先的架构,是原生的macOS、Windows桌面端应用。它将你团队正在使用的代码智能体转化为设计引擎,无需手动调整像素,所有输出自动对齐团队品牌规范,直接生成可交付的标准格式文件。 Open Design hero banner

核心能力

Open Design覆盖从设计规范管理到物料生成、导出的全流程,核心能力包括:

  1. 多类型设计物料生成:可生成网页/桌面/移动端原型、实时仪表盘、演示文稿、图片、动态视频、动效素材等多类设计产物,支持导出HTML、PDF、PPTX、MP4四种标准格式,所有输出均使用真实CSS、字体、组件,可直接使用。
  2. 品牌规范统一管理:支持将团队的品牌规范整理为DESIGN.md文件作为统一的品牌规则,所有生成的内容都自动对齐该规范,无需反复人工调整。
  3. 自动化工作流编排:可将重复的设计任务编排为可复用、可定时执行的自动化流程,比如定期生成运营物料、汇报PPT等,减少重复劳动。
  4. 插件与集成能力:支持安装扩展插件按需增加生成能力,也可对接外部系统,从任意IDE、脚本、自动化工具中调用Open Design的能力。
  5. 安全沙箱预览:生成的网页类原型会在沙箱iframe中预览,避免安全风险。

核心功能页示意

Home page

Automation页 Design System页 Plugin页 Integrations页

  • 首页:作为统一入口,选择对应技能和设计系统,输入需求即可启动生成任务。
  • 自动化页:编排重复性设计工作流为可调度的自动化任务。
  • 设计系统页:维护团队的DESIGN.md品牌规范,约束所有输出内容。
  • 插件页:浏览、安装、分发工作流插件,扩展生成能力。
  • 集成页:对接外部系统与工具,支持从第三方产品调用Open Design。

项目Studio支持的产物类型

每个项目的Studio中,可基于同一套设计系统生成多类产物:

Prototype示例 HyperFrame示例 Deck示例 Image示例

  • 原型:单页HTML产物,可在沙箱中即时预览,也可下载源代码。
  • HyperFrame动效:可编程的动态动画素材,可导出为1920×1080 30fps的标准MP4文件。
  • 演示文稿:可分页浏览、键盘导航,支持导出为PPTX或PDF格式。
  • 图片:符合品牌规范的高清图片素材,可直接下载使用。

支持对接的智能体

Open Design支持BYOK(即Bring Your Own Key,指用户可使用自己已采购的大模型服务密钥完成对接),可对接20+主流代码智能体,包括Claude Code、Codex、Cursor、Qwen、Kimi、DeepSeek全系列等。 对接方式分两种:

  1. 若已安装对应智能体的CLI(命令行工具),可直接通过命令完成对接配置。
  2. 若未安装CLI,可直接填写大模型服务的baseUrl、API密钥、模型名称完成对接,兼容所有OpenAI格式的大模型接口。

使用方式

你可以根据团队情况选择两种使用方式:

  1. 本地桌面端使用:直接下载对应系统的桌面端安装包,本地运行,自行对接智能体或大模型接口,所有数据可保存在本地。
  2. 官方云服务使用:选择Open Design Cloud官方服务,无需自行配置,内置20+主流大模型,按实际Token用量计费。

许可证与采用建议

Open Design采用Apache-2.0开源许可证,商业使用、二次开发均无限制。如果你的团队有批量生成符合品牌规范的设计物料需求,已经在使用代码智能体,或是希望降低闭源设计工具的采购成本,可以优先试用该工具。

可核对的事实层

官方资料与来源

查看来源 →
  • agent-skills
  • ai-agents
  • ai-design
  • byok
  • claude-code-for-design
  • claude-design
  • codex-design
  • coding-agents
  • cursor-design
  • deepseek-harness
  • design-systems
  • design-tools
默认分支main
关注仓库264
复刻次数10.1k
开放议题805
近期更新2026/8/16
仓库状态未标记归档
核对上游原始说明节选

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Open Design: The open-source Claude Design alternative

⚡ Open Design Cloud — the official model service. One recharge to use GPT, Claude, Gemini, and DeepSeek inside Open Design: 20+ flagship models, zero config, billed by real token usage. Try Open Design Cloud
🏅 The Open Design Fellow program is now open. If you also believe design should be open — become an Open Design Fellow, shape the product alongside the core team, and help more people take part in defining the future of design. Details → MAINTAINERS.md and Discord.

Website · Download · Open Design Cloud · Discord · Follow @OpenDesignHQ

English · Español · Português · Deutsch · Français · 简体中文 · 繁體中文 · 한국어 · 日本語 · العربية · Русский · Українська · Türkçe · ภาษาไทย

Product tour

A quick look at what Open Design is and what it does. Start from Home, orchestrate repeat workflows with Automation, distill a brand contract in Design System, and extend with Plugins and integrations; inside any project's Studio, the same design system streams out prototypes, live artifacts, HyperFrames, decks, and images.

Core pages

Home — the overview entry point. Pick a skill and a design system, type the brief, and kick off everything from one place.

Automation — orchestrate repetitive design workflows into reusable, schedulable automations. Design System — distill your team's DESIGN.md into a brand contract that shapes every output. Plugin — browse, install, and distribute workflow plugins to extend generation on demand. Integrations — connect external systems and MCP tools, and use Open Design from any IDE, script, or automation.

Studio — many artifact types in one project

Inside a project's Studio, the same design system streams out multiple artifact types:

Prototype — single-page HTML artifacts that read your design system and render in a sandboxed iframe, previewable instantly and downloadable as source. HyperFrame — programmatic motion and animated graphics, rendered to a real MP4 (e.g. 1920×1080 · 30fps). Deck — pitch decks you can page through, navigate by keyboard, and export to PPTX / PDF. Image — brand-grade images and visual assets, with high-resolution generation and download.

---

Platform Compatibility

Open Design connects to mainstream coding agents in two ways: skills, CLI, and MCP for agents that consume OD, plus native runtime adapters for agents that OD launches directly. DeepSeek Harness is a first-class native runtime through the official dsh CLI, with structured streaming, model discovery, cancellation, and session resume.

| Coding agent / platform          | Status    | Quick setup                    | |---|:---:|---| | Claude Code | ✅ Supported | od mcp install claude | | Claude Desktop | ✅ Supported¹ | od mcp install claude-desktop | | Codex CLI | ✅ Supported | od mcp install codex | | DeepSeek Reasonix | ✅ Supported | od mcp install reasonix | | DeepSeek Harness | ✅ Native runtime | od agent setup deepseek-harness | | Raven | ✅ Supported | od mcp install raven | | Cursor | ✅ Supported | od mcp install cursor | | VS Code + GitHub Copilot | ✅ Supported | od mcp install copilot | | GitHub Copilot CLI | ✅ Supported | od mcp install copilot | | OpenCode | ✅ Supported | od mcp install opencode | | OpenClaw | ✅ Supported | od mcp install openclaw | | Antigravity | ✅ Supported | od mcp install antigravity | | Cline | ✅ Supported | od mcp install cline | | Trae | ✅ Supported | od mcp install trae | | Kimi CLI | ✅ Supported | od mcp install kimi | | Kiro | ✅ Supported | od mcp install kiro | | Pi Agent | ✅ Supported | od mcp install pi | | Mistral Vibe CLI | ✅ Supported | od mcp install vibe | | Hermes Agent | ✅ Supported | od mcp install hermes |

For DeepSeek Harness, install the official dsh CLI first, then select it in Open Design or run od agent setup deepseek-harness to install/repair OD's connection component. For MCP integrations: od mcp install --print for a dry-run preview · --uninstall to remove · full list with od mcp install --help.

¹ Automatic MCP configuration for Claude Desktop is currently supported on macOS and Windows only.

No CLI installed? The BYOK proxy at POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream gives you the same loop (no process spawn) — paste baseUrl + apiKey + model, with presets for OpenAI, Atlas Cloud, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM, or any OpenAI-compatible endpoint. Atlas Cloud uses https://api.atlascloud.ai/v1 with your own key and OpenAI-compatible model ids such as qwen/qwen3.5-flash. Per-target SSRF protection blocks internal IPs / link-local / CGNAT at the daemon edge.

Runtime definitions live in apps/daemon/src/runtimes/defs/, with registration and shared stream handl

上游文档较长,此处为节选。完整内容见官方项目。