A alternativa de código aberto ao Claude Design

O Claude Design é bom. Ele também é de código fechado, exclusivamente hospedado e atrelado a uma assinatura do Claude. Aqui vai a leitura honesta de quando escolhê-lo — e de quando o caminho de código aberto vence.

O Claude Design é bom. Nós o usamos em briefs reais. O fato de termos construído uma camada de código aberto não é porque a Anthropic lançou uma ferramenta ruim — não lançou. É porque ferramentas de design fechadas, exclusivamente hospedadas e de US$ 20 a US$ 200 por mês têm o formato errado para a próxima década do trabalho de design. Este post é a leitura honesta do Claude Design feita por um time que entrega na mesma categoria: o que ele é, onde ele te prende, como a alternativa de código aberto realmente se parece e qual delas você deveria escolher neste trimestre.

O que o Claude Design realmente é

O Claude Design foi lançado pelo Anthropic Labs em abril de 2026. É uma ferramenta de design conversacional movida pelo Claude Opus 4.7: chat à esquerda, canvas à direita. Você descreve o que quer, o Claude gera um design, e você itera por meio de comentários, edições in-line e refinamentos de prompt.

Ele faz quatro coisas bem:

Protótipos a partir de texto. Fluxos de onboarding, páginas de configurações, painéis de administração, variações de checkout — cinco minutos do prompt à tela interativa.
Consciência da base de código. Importe um repositório do GitHub ou anexe um diretório local e os protótipos usam seus componentes reais, seu sistema de tokens, suas convenções.
Integração de marca. Configure um design system uma vez e todo projeto adota automaticamente as cores, a tipografia e os padrões de componentes.
Entrega para o Claude Code. O botão "build this" leva o protótipo a código pronto para produção na mesma aba do navegador.

As exportações incluem Canva, PDF, PPTX, HTML e URLs autônomas. O preço é incluído no pacote — Claude Pro a US$ 20, Max a US$ 100–US$ 200, Enterprise no habitual nível "fale conosco". Atualmente é uma research preview para assinantes pagantes do Claude.

Se você ler o tutorial oficial, o fluxo de trabalho que a Anthropic descreve é o mesmo que o Open Design entrega: um brief, uma direção, um artefato, uma entrega. As diferenças vivem uma camada abaixo.

Onde ele te prende

O Claude Design carrega quatro formas de aprisionamento que vale nomear de antemão, porque as páginas de marketing não o fazem.

O modelo é fixo. Toda renderização passa pelo Claude. Não pelo Claude ou por um modelo que você já pagou — apenas pelo Claude. Se o seu time tem um contrato com GPT, Gemini ou DeepSeek, ou se você roda em self-host no Ollama para briefs sensíveis, esses fluxos de trabalho não se transferem. O custo de tokens segue para sempre a curva de preços da Anthropic.

O runtime é hospedado. Seus prompts, seu design system e o contexto da sua base de código viajam todos para os servidores da Anthropic. Para trabalho de agência ou criação pré-lançamento sob NDA, isso vira uma conversa de procurement toda vez. Self-host não é uma opção na research preview, e o anúncio não se compromete com nenhuma.

As skills não são suas. O comportamento do Claude Design é definido por prompts e ferramentas que vivem dentro da Anthropic. Você não pode fazer fork delas, auditá-las nem substituir uma. As "skills" que a Anthropic está lançando no Claude Skills são adjacentes, mas separadas; o ferramental específico de design é interno.

A conta é uma assinatura. US$ 20–US$ 200/mês por assento é tranquilo para um designer solo, doloroso para um time de vinte pessoas e inviável para a dúzia de contribuidores de código aberto que, de outra forma, adotariam o mesmo fluxo de trabalho.

Nenhum desses é um bug no Claude Design. Eles são o formato de um produto hospedado. A Anthropic otimizou para o assinante Pro mediano. Nós não somos o assinante Pro mediano.

Um sólido de nuvem facetada preta amarrado por uma linha tracejada a uma pequena âncora de chão e um bloco de servidor, em uma placa de estudo editorial em tom quente — Hospedado por padrão: seus prompts, design system e contexto da base de código viajam para os servidores de outra pessoa.

A alternativa de código aberto

O Open Design (este site) é uma aposta diferente. Não é um clone do Claude Design — é uma fina camada de skills que transforma o coding agent que você já usa em um motor de design. As quatro primitivas são skills, systems, adapters e o daemon. Cada skill é um arquivo SKILL.md. Cada design system é um arquivo DESIGN.md. Cada adapter de agente tem ~80 linhas de TypeScript.

O que já vem na caixa hoje:

123 skills — geradores de decks, mockups mobile, páginas editoriais, Word/Excel/PPT, explorações de marca
148 design systems — versões portáteis em Markdown de Linear, Vercel, Stripe, Apple, Cursor, Figma, além de uma longa cauda
16 CLIs de coding agent detectados automaticamente no seu $PATH — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
Fluxo de trabalho travado em quatro etapas — formulário de perguntas → seletor de direção → stream de plano ao vivo → preview em iframe em sandbox
BYOK por padrão — cole qualquer base_url e chave compatível com OpenAI, seus tokens vão direto para o provedor
Apache-2.0, sem cadastro, roda com pnpm tools-dev

O modelo mental: o Claude Design é um produto. O Open Design é uma camada.

Três poliedros facetados pretos sobre uma linha de base medida, apenas um encaixado em uma moldura de suporte enquanto os outros estão soltos, em uma placa de estudo editorial em tom quente — O Claude Design fixa o modelo. O caminho aberto deixa você trazer aquele que você já paga.

Lado a lado

	Claude Design	Open Design
Licença	Proprietária	Apache-2.0
Runtime	Hospedado (Anthropic)	Daemon local (`pnpm tools-dev`) + deploy opcional na Vercel
Modelos	Apenas Claude	Qualquer endpoint compatível com OpenAI + 16 CLIs detectadas
Skills	Internas	123 pastas `SKILL.md` com fork livre
Design systems	Configuração de marca por projeto	148 arquivos `DESIGN.md` portáteis
Contexto da base de código	Importação do GitHub + local	No nível da skill, diretório de trabalho real
Preço	US$ 20 / US$ 100 / US$ 200 / Enterprise	Grátis; você paga seu provedor de modelo diretamente
Entrega	Claude Code (no app)	Qualquer agente no `$PATH`, além de exportações em HTML / PDF / PPTX / ZIP
Self-host	Não	Sim (notebook ou Vercel)
Caminho dos dados	Prompts → Anthropic	Prompts → o provedor que você escolher; nada passa por nós

O resumo honesto: o Claude Design tem a experiência de produto único mais polida. O Open Design troca a superfície polida de produto único por uma biblioteca — mais skills, mais systems, mais agentes, projetada para compor com o agente que já está no seu notebook.

Três finas lajes pretas empilhadas com lacunas visíveis como uma pilha de camadas em isométrico, marcações de dimensão indicando as lacunas, uma folha de oliveira no topo, em uma placa de estudo editorial em tom quente — Um produto e uma camada — o Open Design fica entre o seu agente e o trabalho de design.

Quem deve escolher o quê

Se você é…	Escolha
Um PM solo numa empresa que já usa o Claude Pro e precisa de um protótipo antes do almoço	Claude Design. Os US$ 20/mês já são gasto afundado; a interface é genuinamente rápida.
Um time de design enterprise onde a Anthropic já passou pelo procurement	Claude Design. Você já pagou o custo de integração uma vez; use-o.
Um designer solo que quer "Claude Design, mas de graça"	Open Design. Grátis, e você é dono do fluxo de trabalho em vez de alugá-lo — aponte para um modelo que você já paga e o primeiro deck leva cerca de dez minutos.
Um design engineer que já dirige Claude Code, Codex ou Cursor pelo terminal	Open Design. Seu agente é o motor de design; a camada de skills adiciona bom gosto e estrutura sem um novo app.
Qualquer um que precise de BYOK, escolha de modelo no meio do projeto ou local-only para briefs sensíveis	Open Design. A realidade é mais áspera do que o marketing, mas o contrato é o único que de fato se sustenta.
Um contribuidor de código aberto que quer entregar uma nova design skill que o projeto possa adotar	Open Design. Solte uma pasta, reinicie o daemon, envie o PR.
Um time que está padronizando em um design system portátil que sobreviva à rotatividade de ferramentas	Open Design. Arquivos `DESIGN.md` sobrevivem à ferramenta que os lê.

A dimensão que decide isso para a maioria dos times não é qualidade. É se você prefere alugar o fluxo de trabalho ou ser dono dele.

O que fazer em seguida

Se você quer sentir como é ser dono do fluxo de trabalho antes de gastar uma assinatura Pro, rode o quickstart de três comandos e aponte-o para o modelo que você já paga. Tudo vive em um único repositório e o primeiro deck leva cerca de dez minutos.

Experimente o fluxo de trabalho de código aberto.

Leitura relacionada

Por que construímos o Open Design como uma camada de skills, não como um produto — o manifesto mais longo por trás da aposta "camada, não produto"
Fluxo de trabalho de design BYOK — rode Claude, Codex ou Qwen com a sua própria chave — a matemática de custo por trás de escolher seu próprio modelo
Checagem de realidade do BYOK — cinco coisas que quebram — o que o caminho aberto de fato quebra hoje, e as soluções de contorno