Claude Design: o que é e como criar protótipos com IA

Terça, fim da tarde. A proposta pro maior cliente do ano sai amanhã cedo, e o modelo de apresentação da empresa é o mesmo de três anos atrás. Cada vendedor tem a sua cópia, cada cópia tem uma fonte, e numa delas o logo ficou esticado. Designer na equipe não tem.

Você abre o Claude, cola as notas da reunião de venda e pede a proposta em slides. Em poucos minutos ela aparece ao lado da conversa, com as cores que você indicou, pronta pra baixar em PowerPoint. No mesmo embalo, dá pra pedir a tela do painel de pedidos que o cliente quer ver antes de fechar.

Isso é o Claude Design. Vale entender o que ele é, como usar sem ser designer e o que muda quando o desenho precisa virar sistema.

O que é o Claude Design (ou Claude IA design)

O Claude Design é a parte do Claude que cria trabalho visual a partir da conversa: protótipo clicável, apresentação, one-pager, peça de marketing. É inteligência artificial montando a primeira versão num canvas ao lado do chat, e você ajusta pedindo por escrito ou mexendo direto no desenho. Muita gente procura por Claude IA design e chega no mesmo lugar.

A Anthropic lançou o Claude Design em 17 de abril de 2026, como produto da Anthropic Labs, rodando no Claude Opus 4.7. Na estreia era uma prévia para os planos pagos, num endereço próprio. Em 16 de setembro de 2026, as notas de versão do Claude registraram a virada: ele passou a funcionar dentro de qualquer conversa e entrou em todo plano, inclusive o gratuito. Boa parte do que aparece no topo do Google ainda diz que é só pago.

O que sai dele vai pra onde a empresa já trabalha. O anúncio da Anthropic lista PDF, PowerPoint, HTML e envio pro Canva, além da passagem pro Claude Code quando o desenho precisa virar software.

Se você já leu sobre o Figma Make ou o Google Stitch, a diferença está no ponto de partida. O Figma Make nasce dentro do Figma, e o Stitch desenha telas de app. O Claude Design mora na conversa com o Claude que a equipe já usa, e faz tanto a tela quanto o deck da reunião.

Como usar o Claude Design em proposta, one-pager e protótipo

Pra quem chegou buscando claude design como usar, hoje ele aparece de três jeitos: você pede um design em qualquer conversa, escolhe um modelo na aba de artefatos ou chama o comando /design dentro do Claude Code. O endereço próprio, claude.ai/design, fecha em 14 de dezembro de 2026, segundo a central de ajuda.

Com a proposta de terça na mão, o caminho fica assim:

• A marca vem antes do pedido. O sistema de design guarda cores, fontes, componentes e padrão de layout, e nasce do logo e das apresentações que a empresa já tem.
• Peça pelo que a pessoa vai fazer com aquilo. "Proposta pra um diretor de compras que vai repassar pro financeiro, com prazo e pagamento numa página só" diz mais do que "proposta em slides".
• Comente no ponto exato. Clique na parte errada da tela e peça a mudança só ali; trocar a ordem dos slides vai no chat.
• Exporte pra onde a pessoa vai abrir. O cliente abre PDF, o time comercial edita em PowerPoint e o protótipo vai por link.

O mesmo vale pro one-pager do serviço novo e pra tela interna que você quer mostrar à equipe antes de chamar alguém pra construir. No caso da tela, sai um protótipo clicável, que dá pra mandar por link e ver se a pessoa acha o botão sem ajuda.

Quando cada um da equipe desenha do seu jeito

A ferramenta resolve a terça à noite. O problema aparece na terça seguinte, quando três vendedores fizeram três propostas pro mesmo tipo de cliente, cada uma com uma cor, um jeito de mostrar o prazo e uma promessa diferente.

• A marca de cada um. Sem um sistema de design publicado pra empresa, cada pessoa começa do zero, e o Claude acerta o estilo que ela pediu. Na página do Claude Design, a Anthropic mostra que o administrador pode travar a equipe num sistema aprovado. Alguém precisa montar esse sistema e dizer que ele é o oficial.
• A promessa que a operação não cumpre. O Claude escreve com o que estava nas notas e completa o resto com o que soa plausível. Um prazo de entrega que a logística não faz, um suporte por telefone que a empresa não tem. Ninguém repara, porque o slide está bonito.
• O pedido bom que mora numa pessoa. O vendedor que acertou o jeito de pedir a proposta guarda esse pedido no próprio histórico. Isso tem lugar certo: vira uma das Claude Skills da empresa. Uma skill de design, que muita gente procura como claude design skill, guarda esse jeito de pedir pra equipe toda.

O Claude Design faz o que pedem. O que falta é a equipe combinar o jeito de usar, e isso vale pra qualquer ferramenta nova, seja o desenho, o Claude Cowork ou o assistente do dia a dia.

Do Claude Design ao Claude Code, a regra continua sendo decisão sua

Agora a tela do painel de pedidos. O cliente gostou, e alguém sugere construir. O caminho existe: o Claude Design empacota o desenho e passa pro Claude Code, que continua do desenho existente em vez de recomeçar de um print. Quem procura claude code design está atrás dessa passagem.

O pacote leva a tela. A regra fica com você:

• Quem aprova o quê. A tela mostra o botão "aprovar desconto". Até onde o vendedor aprova sozinho e quando o pedido sobe pro sócio é regra do seu negócio, e o desenho não sabe.
• De onde vem cada número. O painel mostra pedidos, mas eles moram no ERP, numa planilha ou na cabeça de alguém. Ligar isso é decidir qual fonte vale quando duas não batem.
• O que acontece quando dá errado. O desenho mostra o caminho em que tudo dá certo. O que o sistema faz quando o pedido é cancelado no meio ou o estoque não fecha é você quem diz.

Escrever essas respostas antes de pedir o código tem nome, desenvolvimento guiado por spec, e é o que separa a tela que convence do sistema que roda. Nem toda tela precisa dessa viagem: proposta, one-pager e apresentação interna podem nascer e terminar no Claude Design. A passagem pro código só pede decisão quando a tela vira sistema que guarda dado e tem gente acessando.

Um prompt de uma linha e o resto é julgamento

Fiz o vídeo de um produto meu com o Opus 5.5, um dos modelos do Claude, a partir de um prompt de uma linha. Daí em diante, foi iteração, com julgamento humano em cada rodada. No Claude Design é igual: a primeira versão sai de um pedido curto, e o que a separa do material que vai pro cliente é quem decide o que fica.

Por isso sigo uma ordem antes de construir qualquer coisa: nada de código antes do artefato. Primeiro existe um exemplo do resultado que alguém consegue ver e criticar, seja a tela, o deck ou o arquivo que o sistema vai devolver. Depois vem a spec, depois o plano, e só então o código. O Claude Design deixou o primeiro passo dessa ordem a uma conversa de distância, e o risco agora é o artefato virar o fim.

O passo 4 do protocolo antivibe é testar na mão de quem usa. Lá eu escrevi que a demo é construída para impressionar quem assiste, e o uso real, para servir a quem usa. Não dá para fazer as duas coisas no mesmo artefato.

A proposta de terça é demo, e tudo bem, ela existe pra convencer. A tela do painel, se vai virar sistema, precisa passar pela mão de quem vai usar antes de ir pro Claude Code.

Volto à terça. A proposta sai amanhã, e sai bonita. Na semana que vem, cada vendedor pode voltar a montar deck e protótipo do seu jeito. O passo seguinte é pôr o sistema de design e as skills da empresa no lugar certo, pra tudo sair com a cara da marca.

É isso que eu faço na consultoria de IA. E se quiser ajuda pra decidir por onde começar, entre em contato.