Claude Design is good. It's also closed-source, hosted-only, and bundled with a Claude subscription. Here's the honest read on when to pick it — and when the open-source path wins.
Claude Design is good. We’ve used it on real briefs. The fact that we built an open-source layer instead isn’t because Anthropic shipped a bad tool — they didn’t. It’s because closed-source, hosted-only, $20-to-$200-a-month design tooling is the wrong shape for the next decade of design work. This post is the honest read on Claude Design from a team that ships in the same category: what it is, where it locks you in, what the open-source alternative actually looks like, and which one you should pick this quarter.
Claude Design launched out of Anthropic Labs in April 2026. It’s a conversational design tool powered by Claude Opus 4.7: chat on the left, canvas on the right. You describe what you want, Claude generates a design, and you iterate through comments, inline edits, and prompt refinements.
It does four things well:
Exports include Canva, PDF, PPTX, HTML, and standalone URLs. Pricing is bundled — Claude Pro at $20, Max at $100–$200, Enterprise at the usual call-us tier. It’s currently a research preview for paying Claude subscribers.
If you read the official tutorial, the workflow Anthropic describes is the same one Open Design ships: a brief, a direction, an artifact, a handoff. The differences live one layer down.
Claude Design carries four pieces of lock-in worth naming upfront, because the marketing pages don’t.
The model is fixed. Every render goes through Claude. Not Claude or a model you’ve already paid for — just Claude. If your team has a contract with GPT, Gemini, or DeepSeek, or if you self-host on Ollama for sensitive briefs, those workflows don’t translate. Token cost rides Anthropic’s pricing curve forever.
The runtime is hosted. Your prompts, your design system, and your codebase context all travel to Anthropic’s servers. For agency work or pre-launch creative under NDA, that’s a procurement conversation every time. Self-hosted is not an option in the research preview, and the announcement does not commit to one.
The skills are not yours. Claude Design’s behaviour is defined by prompts and tools that live inside Anthropic. You can’t fork them, audit them, or replace one. The “skills” Anthropic is shipping in Claude Skills are adjacent but separate; the design-specific tooling is internal.
The bill is a subscription. $20–$200/month per seat is fine for a solo designer, painful for a team of twenty, and a non-starter for the dozen open-source contributors who would otherwise pick up the same workflow.
None of these are bugs in Claude Design. They are the shape of a hosted product. Anthropic optimised for the median Pro subscriber. We’re not the median Pro subscriber.
Open Design (this site) is a different bet. It’s not a Claude Design clone — it’s a thin skill layer that turns the coding agent you already use into a design engine. The four primitives are skills, systems, adapters, and the daemon. Every skill is a SKILL.md file. Every design system is a DESIGN.md file. Every agent adapter is ~80 lines of TypeScript.
What ships in the box today:
$PATH — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilobase_url and key, your tokens go straight to the providerpnpm tools-devThe mental model: Claude Design is a product. Open Design is a layer.
| Claude Design | Open Design | |
|---|---|---|
| License | Proprietary | Apache-2.0 |
| Runtime | Hosted (Anthropic) | Local daemon (pnpm tools-dev) + optional Vercel deploy |
| Models | Claude only | Any OpenAI-compatible endpoint + 16 detected CLIs |
| Skills | Internal | 123 forkable SKILL.md folders |
| Design systems | Per-project brand setup | 148 portable DESIGN.md files |
| Codebase context | GitHub import + local | Skill-level, real working directory |
| Pricing | $20 / $100 / $200 / Enterprise | Free; you pay your model provider directly |
| Handoff | Claude Code (in-app) | Any agent on $PATH, plus HTML / PDF / PPTX / ZIP exports |
| Self-hostable | No | Yes (laptop or Vercel) |
| Data path | Prompts → Anthropic | Prompts → your chosen provider; nothing through us |
The honest summary: Claude Design has the most polished single-product experience. Open Design trades the polished single-product surface for a library — more skills, more systems, more agents, designed to compose with the agent already on your laptop.
| If you are… | Pick |
|---|---|
| A solo PM at a company already on Claude Pro who needs a prototype before lunch | Claude Design. The $20/month is sunk; the interface is genuinely fast. |
| An enterprise design team where Anthropic already cleared procurement | Claude Design. You’ve paid the integration cost once; spend it. |
| A solo designer who wants “Claude Design but free” | Open Design. Free, and you own the workflow instead of renting it — point it at a model you already pay for and the first deck takes about ten minutes. |
| A design engineer who already drives Claude Code, Codex, or Cursor from the terminal | Open Design. Your agent is the design engine; the skill layer adds taste and structure without a new app. |
| Anyone who needs BYOK, model choice mid-project, or local-only for sensitive briefs | Open Design. The reality is rougher than the marketing, but the contract is the only one that actually holds. |
| An open-source contributor who wants to ship a new design skill the project can adopt | Open Design. Drop a folder, restart the daemon, send the PR. |
| A team standardising on a portable design system that survives tool churn | Open Design. DESIGN.md files outlive the tool that reads them. |
The dimension that decides it for most teams isn’t quality. It’s whether you’d rather rent the workflow or own it.
If you want to see what owning the workflow feels like before you spend a Pro subscription, run the three-command quickstart and point it at the model you already pay for. The whole thing lives in one repo and the first deck takes about ten minutes.
Next step
Browse the workflow library, pick a starting point, and wire it into the agent you already use. Join our Discord if you want help adapting it.
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。