Claude Design: como usar e o que escrever na descrição para o rascunho já sair perto do que você quer

Pedir "faz um slide bonito" e pedir "proposta comercial de 8 páginas pra uma agência de automação com IA, capa e sequência de problema e solução" são duas coisas MUITO diferentes

A segunda volta perto do que tu queria, a primeira volta uma surpresa

O Claude Design é um produto do Anthropic Labs pra criar trabalho visual conversando com o Claude: designs, protótipos, slides, one-pagers. Você descreve o que quer, ele monta uma primeira versão e o refino acontece na conversa. Foi anunciado em 17 de abril de 2026, e nesse anúncio o produto rodava com o Claude Opus 4.7 por trás

Este post é sobre a parte que quase ninguém trata com carinho: o que escrever na descrição, e como esse texto muda conforme o entregável

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

O que você precisa antes de escrever o primeiro pedido

A ferramenta está em beta pros planos Pro, Max, Team e Enterprise

Se você é Enterprise, atenção: a capacidade vem desligada por padrão (default off), então alguém com acesso de administração precisa ligar antes. Times em Team e Enterprise têm inclusive um guia de administração próprio do Claude Design

O acesso é em claude.ai/design na web, ou pela barra lateral do Claude Desktop

E tem uma boa notícia pro bolso: não existe assinatura separada de Claude Design, o uso conta contra os limites do plano Claude que você já paga

Como usar o Claude Design passo a passo

O fluxo é curto, o que pesa mesmo é o passo 2. Mas vamos por partes 🙂

1. Abra o Claude Design: na web em claude.ai/design, ou pela barra lateral do Claude Desktop. O erro comum aqui é ficar procurando o recurso dentro da conversa normal do Claude: é outro lugar, com tela própria

2. Declare o entregável e o contexto logo na descrição: não é "um site", é "protótipo de dashboard de campanhas de email, com sidebar, cards de métricas e tabela das últimas campanhas". O erro comum é escrever um pedido genérico e receber uma página só quando você imaginava várias telas: quantidade de telas é coisa que se pede, não coisa que se torce pra acontecer

3. Deixe o sistema de design configurado: no Claude Design ele é configurado no nível da organização. O Claude analisa os materiais enviados e extrai componentes, cores, tipografia e padrões reutilizáveis, que passam a servir de base pros projetos criados na conta. A configuração fica no fluxo de onboarding da organização, ou depois, nas configurações da organização. Vale saber o que ele aceita como material:

• codebases, por exemplo uma biblioteca de componentes React, linkada ou enviada
• protótipos, telas e arquivos de design existentes
• slides ou documentos que reflitam a marca, em PPT ou PDF

Na atualização de junho de 2026 o produto passou por uma revisão ampla, com importação de sistema de design (inclusive direto de repositório GitHub), integração bidirecional entre design e código e controles de marca pros times. A importação por repositório tem app próprio no GitHub, chamado Claude Design Import. O erro comum deste passo é subir só um PDF bonitinho da marca e esperar que a ferramenta adivinhe seus componentes de produto: se o sistema vive no código, mande o código

4. Rode o /design-sync quando o sistema de design vem do repositório: esse comando roda no Claude Code, não dentro do Claude Design

/design-sync

Ele puxa o sistema de design pra que o que você cria no Claude Design parta dos seus componentes existentes. Se o repositório ainda é território novo pra você, dá uma olhada em usar o Claude Code com Git antes, porque é lá que esse passo acontece. O erro comum é digitar o comando no lugar errado e concluir que "não funciona"

5. Responda as perguntas de esclarecimento: quando a descrição não traz informação suficiente, o Claude pergunta pra completar o que faltou. O erro comum é responder "pode ser qualquer coisa": aí quem decide é ele, e depois não adianta reclamar do resultado 😀

6. Refine sem reescrever tudo: dá pra seguir por conversa (novo pedido descrevendo a mudança), por comentários inline em elementos específicos, editando o texto direto e usando os controles de ajuste de espaçamento, cor e layout. O erro comum é apagar o prompt e começar do zero por causa de um detalhe de espaçamento

7. Exporte ou entregue: os caminhos são PDF, PPTX, envio pro Canva, HTML standalone, download dos arquivos do projeto, URL de compartilhamento interno e handoff direto pro Claude Code. Esse último é o pulo do gato quando o design vira software: o handoff parte do trabalho já feito no Claude Design, não de um screenshot, e o trabalho fica sincronizado entre os dois. Do lado do Claude Code, ter skills e comandos próprios ajuda a continuar dali sem repetir instrução

O que declarar na descrição conforme o entregável

Aqui mora o assunto do post. A mesma ferramenta, seis pedidos diferentes

A Anthropic cita esses entregáveis como o que os times fazem com o Claude Design: protótipos realistas, wireframes e mockups, explorações de direção de design, pitch decks e apresentações, materiais de marketing e social, e one-pagers

Protótipo: descreva elemento por elemento

O pedido que funciona pra protótipo é quase uma lista

Barra de navegação lateral, header com busca e avatar, cards de métricas, gráfico de área, tabela das últimas campanhas com status, enviados, abertura e CTR, card lateral com a próxima campanha agendada

Parece exagero? É justamente o oposto: cada elemento que você não nomeia é um elemento que alguém decide por você

Wireframe: diga que é wireframe, senão vem completo

Wireframe é o esqueleto: telas, botões e elementos, sem cor

Se você não declarar isso, o rascunho tende a vir em alta fidelidade. Eu costumo preferir alta fidelidade justamente porque já sai completo, mas quando a discussão do time é sobre estrutura, cor atrapalha

Apresentação: número de páginas e público mudam tudo

Declare quantas páginas, pra quem é e qual a sequência

Se você não disser nada sobre cores, ele escolhe uma paleta que combine com o tema, e dá pra mudar depois numa boa

Quando citar o sistema de design no pedido

Sempre que o resultado precisa parecer SEU produto, e não um design genérico bonito

Com o sistema de design importado do repositório ou dos arquivos, o pedido pode partir dos seus componentes existentes em vez de reinventar botão e tipografia a cada projeto

O que aconteceu quando pedi uma apresentação

No vídeo abaixo eu monto uma proposta comercial pra uma agência de automação com IA e peço um número exato de páginas

Voltaram 8 páginas, exatamente o número que eu pedi

O tamanho do slide eu não pedi, e a ferramenta definiu sozinha: 1920 por 1080

Essa é a régua toda do post em uma frase: o que você escreve, ela respeita. O que você cala, ela decide 😀

Outras coisas que fui percebendo enquanto gravava: na criação do projeto eu escolho o tipo (protótipo, slides, a partir de template), dou nome ao projeto e escolho entre partir de um sistema de design ou do zero. Dá pra somar contexto ao pedido em vez de só escrever texto: screenshot, base de código do próprio app, arquivo de design

Os ajustes pequenos (densidade, cor de destaque, fonte) eu resolvi no painel de ajustes rápidos, sem reescrever prompt nenhum

Já as mudanças de estrutura eu pedi no chat, sempre com quantidade e critério, do tipo "em vez de quatro cards, oito cards de dados, cada um com uma cor neon diferente"

E apareceu na tela do jeito que eu pedi, sem eu precisar refazer o pedido inteiro

Tome cuidado com uma coisa: a conversa acumula contexto igual ao Claude Code. Quando ela ficou longa, eu abri um chat novo pra seguir no mesmo projeto com o contexto zerado

E quando o resultado da apresentação não me agradou, eu preferi refazer a insistir em aproveitar algo que eu não tinha gostado. Sai mais rápido, sério

Por onde começar

Escolhe um entregável pequeno, um one-pager ou uma tela só

Escreve a descrição já nomeando três coisas: o entregável, o público e o formato de saída

Responde as perguntas de esclarecimento com resposta de verdade, não com "tanto faz"

E antes do segundo pedido, deixa o sistema de design configurado, porque é ele que faz o rascunho parar de parecer template e começar a parecer o seu produto

Depois disso o jogo vira refino: conversa, comentário inline, controles de espaçamento e cor, e o handoff pro Claude Code quando aquilo precisar virar software

Bora testar? 🙂 até o próximo post!