open-design
这是一款开源的Claude Design替代工具,为本地优先桌面端应用,可对接多种代码智能体,生成多类设计物料并导出标准商用格式。
这个项目值得继续研究吗?
这是一款开源的Claude Design替代工具,为本地优先桌面端应用,可对接多种代码智能体,生成多类设计物料并导出标准商用格式。
- 解决什么问题
- 企业制作原型、官网、汇报PPT、宣传物料时往往跨多工具协作,对齐品牌规范成本高,手动导出适配多格式效率低,闭源设计工具付费成本高还难与内部智能体打通。
- 适合什么团队
- 适合有AI设计、批量物料生成需求的市场、运营、产品团队,以及已在用代码智能体、希望降本提效的设计协作团队。
- 使用前注意
- 桌面端仅支持macOS和Windows系统,对接部分智能体需提前安装对应CLI工具,也可选择官方云服务按实际Token用量付费使用。
本页用于缩短初步筛选时间,不构成技术、采购或法律结论。 正式使用前请在真实业务数据上验证,并以官方说明与许可证为准。
从官方资料看清能力、部署与采用边界
以下内容依据项目公开 README 或模型卡翻译整理,代码、命令和产品名保持原样。
项目定位
Open Design是开源的Claude Design替代方案,也是面向智能体时代的Figma替代工具,采用本地优先的架构,是原生的macOS、Windows桌面端应用。它将你团队正在使用的代码智能体转化为设计引擎,无需手动调整像素,所有输出自动对齐团队品牌规范,直接生成可交付的标准格式文件。 Open Design hero banner
核心能力
Open Design覆盖从设计规范管理到物料生成、导出的全流程,核心能力包括:
- 多类型设计物料生成:可生成网页/桌面/移动端原型、实时仪表盘、演示文稿、图片、动态视频、动效素材等多类设计产物,支持导出HTML、PDF、PPTX、MP4四种标准格式,所有输出均使用真实CSS、字体、组件,可直接使用。
- 品牌规范统一管理:支持将团队的品牌规范整理为DESIGN.md文件作为统一的品牌规则,所有生成的内容都自动对齐该规范,无需反复人工调整。
- 自动化工作流编排:可将重复的设计任务编排为可复用、可定时执行的自动化流程,比如定期生成运营物料、汇报PPT等,减少重复劳动。
- 插件与集成能力:支持安装扩展插件按需增加生成能力,也可对接外部系统,从任意IDE、脚本、自动化工具中调用Open Design的能力。
- 安全沙箱预览:生成的网页类原型会在沙箱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全系列等。 对接方式分两种:
- 若已安装对应智能体的CLI(命令行工具),可直接通过命令完成对接配置。
- 若未安装CLI,可直接填写大模型服务的baseUrl、API密钥、模型名称完成对接,兼容所有OpenAI格式的大模型接口。
使用方式
你可以根据团队情况选择两种使用方式:
- 本地桌面端使用:直接下载对应系统的桌面端安装包,本地运行,自行对接智能体或大模型接口,所有数据可保存在本地。
- 官方云服务使用:选择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








核对上游原始说明节选
🎨 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
上游文档较长,此处为节选。完整内容见官方项目。