Claude Design é pago? Como funciona a cobrança da ferramenta e o consumo de uso

Claude Design é pago? Sim e não: a ferramenta não é vendida como assinatura separada, o acesso vem incluído nos planos Pro, Max, Team e Enterprise, sem cobrança extra. No plano gratuito ela não aparece, então o mínimo é o Pro (US$ 20/mês mensal, US$ 17/mês no anual). O que varia é o consumo: cada geração puxa dos mesmos limites compartilhados com chat, Claude Code e Cowork, sem cota própria. Se o limite incluído acabar, dá pra ativar uso extra e seguir trabalhando, aí a cobrança passa a ser por consumo nas tarifas padrão da API.
Fala aí, beleza? A Anthropic soltou o Claude Design em 17 de abril de 2026 e a primeira dúvida que aparece na busca é sempre a mesma: onde exatamente isso cai na fatura?
E aqui mora a confusão que trava todo mundo: existe o custo de TER a ferramenta e existe o custo de USAR a ferramenta
São duas contas diferentes, e só uma delas muda conforme o quanto tu gera
O Claude Design é um produto da Anthropic, começou como research preview e hoje está em beta
Neste post eu separo as duas pontas: se o Claude Design é pago, como o acesso é cobrado e como o consumo de cada geração aparece na sua conta 🙂
Pagar pela ferramenta x pagar pelo uso: os dois custos que se confundem
Primeiro o custo de acesso
O Claude Design não é vendido como assinatura separada: o acesso está incluído nos planos pagos Pro, Max, Team e Enterprise, sem custo adicional
Formação Claude Code
Domine Claude Code do absoluto zero até o avançado
- 120 aulas
- 4 projetos
- 9h 45min
Ou seja, ninguém te cobra "a mensalidade do Claude Design"
Tu paga o plano do Claude e a ferramenta vem dentro, igual uma feature nova que apareceu na sua conta
Agora o custo de uso
Cada coisa que tu gera consome os limites do seu plano, e quando esses limites incluídos acabam existe a opção de ativar uso extra, que passa a ser cobrado por consumo nas tarifas padrão da API
Perceba a diferença: o primeiro custo é fixo e previsível, o segundo depende do seu ritmo de trabalho
E tem um detalhe que derruba muita gente antes de começar: o Claude Design não está disponível no plano gratuito do Claude
Então o piso de entrada é um plano pago, o Pro no mínimo
Quanto custa cada plano com Claude Design incluído
Os valores abaixo são os preços dos planos em dólar, e é importante ler a tabela com a cabeça certa: tu não está vendo o preço da ferramenta de design, tu está vendo o preço do acesso ao Claude como um todo
| Plano | Preço | Claude Design incluído | Uso extra (usage credits) |
|---|---|---|---|
| Pro | US$ 20/mês no mensal ou US$ 17/mês no anual | Sim, sem custo adicional | Disponível |
| Max 5x | US$ 100/mês, somente mensal (5x o uso do Pro por sessão de 5 horas) | Sim, sem custo adicional | Disponível |
| Max 20x | US$ 200/mês, somente mensal (20x o uso do Pro por sessão de 5 horas) | Sim, sem custo adicional | Disponível |
| Team (assento padrão) | US$ 25/mês no mensal ou US$ 20/mês com desconto anual, por assento | Sim, sem custo adicional | Não consta na lista de planos com uso extra |
| Team (assento premium) | US$ 125/mês no mensal ou US$ 100/mês com desconto anual, por assento | Sim, sem custo adicional | Não consta na lista de planos com uso extra |
| Enterprise | Não consta | Sim, sem custo adicional | Não consta na lista de planos com uso extra |
E o plano gratuito não dá acesso ao Claude Design
Repare também que o uso extra está documentado para Pro, Max 5x e Max 20x
Como o consumo do Claude Design entra nos limites da sua conta
Aqui está a parte que realmente responde "quanto custa usar"
O uso do Claude Design consome os mesmos limites compartilhados do restante do Claude: a atividade de design puxa do mesmo pool usado pelo chat e pelo Claude Code
Que pool? É aquele saldo de uso do seu plano, o mesmo que tu queima conversando, pedindo refactor no terminal e rodando as outras frentes
Não existe cota separada de Claude Design
E isso mudou no meio do caminho, vale registrar: antes o Claude Design tinha uma cota semanal própria, separada dos demais limites
Essa separação foi encerrada e toda a atividade passou a contar nos limites compartilhados do plano
O aviso apareceu dentro do produto entre 27 e 28 de maio de 2026, com o texto de que o Claude Design passou a compartilhar limites com Claude.ai e Claude Code
Rollout server-side, sem anúncio formal, do tipo que tu descobre porque a tela te contou 😀
A consequência prática é bem direta: gerar telas reduz o que sobra para as outras frentes
Se tu passou a manhã desenhando artboards, tu chega na tarde de código com menos folga no mesmo plano
O que acontece quando o limite do plano acaba
Não é bloqueio definitivo
Ao atingir os limites incluídos no plano, tu pode ativar uso extra (usage credits) e continuar trabalhando, com a cobrança passando a ser por consumo
Dois detalhes importantes: é opcional e precisa ser ativado
Enquanto tu não ativa, o comportamento é o do limite do plano mesmo
Esse uso extra além do limite incluído é cobrado nas tarifas padrão da API, e está disponível para Pro, Max 5x e Max 20x
E é exatamente aqui, e só aqui, que o Claude Design gera custo variável pra você
Não é mensalidade nova, não é assinatura paralela de ferramenta de design: é consumo, do mesmo jeito que qualquer outra atividade do Claude
Tome cuidado com a leitura invertida que rola muito: não é que o design seja cobrado por fora, é que o design gasta do mesmo bolso
Qual plano faz sentido para cada tipo de uso
Dá pra desenhar perfis honestos de uso:
- Uso pontual: tu desenha uma landing, duas telas de um app, ajusta e volta pro código. Isso cabe tranquilo no Pro, que é o piso de acesso
- Design e código no mesmo dia, todo dia: aqui tu pressiona o limite compartilhado dos dois lados, porque design e terminal comem do mesmo pool. É onde o Max 5x ou o Max 20x aparece, não pela ferramenta, e sim pela folga de uso
- Time com padrão de marca: Team ou Enterprise, porque times e empresas configuram o design system para que o Claude aplique os padrões da marca automaticamente nos projetos gerados
Quem já organiza contexto em um Project do Claude saca esse último ponto rápido: é a mesma ideia de contexto reaproveitado, só que aplicada à identidade visual em vez da conversa
E um lembrete chato mas necessário: subir de plano não destrava "mais Claude Design", destrava mais uso no geral
Como o consumo aparece na prática em um projeto real
No vídeo abaixo eu monto um SaaS completo usando Claude Design junto do Claude Code, e é ali que a conta fica visível
Eu limitei o projeto a 2 telas no Claude Design de propósito, justamente pra não gerar custo maior na ferramenta
Comecei o design só com prompt, sem anexar design system nem screenshot de referência, e o resultado já veio suficiente pra seguir
Depois do primeiro resultado eu pedi 2 ajustes (encolher o hero da tela inicial pra dar foco ao input) e o retrabalho saiu como eu queria
Se liga nisso: os ajustes também consomem
Cada pedido de "agora encolhe isso aqui" é atividade que puxa do mesmo pool do plano, então o custo percebido do projeto foi a soma do design mais o código, não uma assinatura à parte
Quando fui levar o design pro Claude Code, o caminho que a própria ferramenta sugere falhou na leitura direta do arquivo, problema que eu já tinha enfrentado antes
Contornei baixando o pacote de design, e o Claude Code puxou o bundle sozinho, sem eu ficar arrastando arquivo na mão
Se tu está começando agora no terminal, vale entender a diferença entre harness e agente de terminal antes de decidir onde rodar esse fluxo
Rodando local, comparei o resultado com as telas do Claude Design e a réplica ficou fiel, bem mais fiel do que a minha experiência com o Stitch, que na exportação pro Claude Code me entregava algo mais rústico
Teve um momento que separa bem as contas: pra análise com IA dentro do app funcionar, eu precisei colar uma chave de API da Anthropic no projeto
Isso é consumo do app que eu construí, não da ferramenta de design, e é bom não confundir as duas coisas quando tu for olhar gasto
Ah, e pra analytics eu escolhi o PostHog, instalado ainda no ambiente local, antes de subir, pra já testar o rastreamento
Onde acessar o Claude Design com o plano que você já paga
Fechando o laço entre pagar e usar, os caminhos de acesso são estes:
- Na web: o Claude Design é acessado em
claude.ai/design - No Claude Desktop: pela barra lateral do app
E o ponto central: nada disso pede pagamento adicional
Web ou desktop, é o mesmo plano pago que tu já assina 🙂
Vale a pena pagar por um plano só pelo Claude Design?
Veredito honesto: como o acesso vem embutido, a pergunta "quanto custa a ferramenta" é a pergunta errada
A pergunta certa é: o meu volume de uso cabe no limite compartilhado do plano que eu escolhi?
Compensa se tu já ia assinar o Claude de qualquer jeito, ou se tu trabalha em ciclos curtos de design e entrega o resto no código, tipo o que eu fiz com 2 telas e 2 ajustes
Compensa menos se tu quer usar isso como substituto de ferramenta de design de uso intenso, o dia inteiro, no Pro: aí tu vai encostar no limite compartilhado e ou para, ou ativa uso extra, ou sobe pra Max
E não compensa mesmo se tu está no plano gratuito esperando "testar rapidinho", porque lá não tem acesso
Último aviso de expectativa: o produto está em beta
Ele saiu do estágio de research preview inicial, mas beta é beta, e eu mesmo peguei um caminho que falhou no meio do fluxo
Conclusão
Resumindo a separação que dá nó na cabeça de todo mundo:
Custo de acesso já está incluído no plano pago, sem cobrança extra pela ferramenta
Custo de uso vem do mesmo pool compartilhado com o chat e o Claude Code, e só vira dinheiro novo se tu ativar o uso extra, cobrado nas tarifas padrão da API
Próximo passo que eu sugiro, bem simples: entra em claude.ai/design com o plano que tu já tem, faz um projeto pequeno de propósito e observa quanto do seu uso aquilo comeu
Medir o próprio consumo antes de subir de plano é muito mais esperto que chutar pelo preço da assinatura
Qualquer coisa, bora trocar uma ideia nos comentários, e até o próximo post! =)
Perguntas frequentes
O plano gratuito do Claude dá acesso ao Claude Design?
Não. O Claude Design não está disponível no plano gratuito do Claude. O piso de entrada é um plano pago, o Pro no mínimo, que já inclui a ferramenta sem custo adicional.
Claude Design cobra uma assinatura separada da Anthropic?
Não, o Claude Design não é vendido como assinatura separada. O acesso está incluído nos planos pagos Pro, Max, Team e Enterprise, sem cobrança extra pela ferramenta. O que pode virar custo variável é o uso extra depois que os limites do plano acabam.
Como levar o design feito no Claude Design para o Claude Code?
No projeto do vídeo, o caminho que a própria ferramenta sugere falhou na leitura direta do arquivo. Contornei baixando o pacote de design, e o Claude Code puxou o bundle sozinho, sem eu ficar arrastando arquivo na mão. Lembrando que as duas pontas, design e código, consomem os mesmos limites compartilhados do plano.
O uso extra do Claude Design funciona em qualquer plano, incluindo Team?
Não necessariamente. O uso extra cobrado por consumo nas tarifas padrão de API está documentado para Pro, Max 5x e Max 20x. Para Team e Enterprise não consta essa opção de uso extra.
Onde eu acesso o Claude Design na prática?
Pela web em claude.ai/design ou pela barra lateral do Claude Desktop. Nenhum dos dois caminhos pede pagamento adicional: é o mesmo plano pago que tu já assina.
O Claude Design ainda é research preview ou já é versão estável?
Nem uma coisa nem outra: ele foi lançado em 17 de abril de 2026 como research preview e hoje está em beta. Ou seja, já saiu do estágio inicial, mas ainda não é a versão final da ferramenta.
Formações
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 474 aulas
- 20 projetos
- 39h 27min
Blog | Mais populares
Como criar uma skill de design para dashboards no Claude Code: regras de gráficos, tabelas e densidade
Aprenda a criar uma skill de design para dashboards no Claude Code: regras de gráficos, cor com significado (WCAG) e densidade de tabelas.
Skill de design serve para vários projetos ou tem que refazer em cada repositório?
Skills Claude Design funcionam em vários projetos ou é preciso recriar em cada repositório? Veja a diferença entre escopo pessoal e escopo de projeto.
Dark mode em skill de design: como escrever as regras de tema sem duplicar tudo
Dark mode em skill de design sem duplicar paleta: contrato semântico, light-dark(), Tailwind v4 e a régua de contraste da WCAG explicados na prática.
