Claude Design: a ferramenta nova da Anthropic pra criar slide, protótipo e mockup conversando
Tutorial em pt-BR do Claude Design (lançado abril/2026). Não-designer agora cria pitch deck, mockup de app e prototipo interativo sem mexer no Figma.

Você tem uma ideia de produto. Precisa apresentar pra investidor, sócio ou cliente. Em 1 hora, idealmente.
Sem o Claude Design, o caminho era:
- Abrir PowerPoint (estética 2007 saindo das mãos)
- Ou abrir Canva (você gasta 40 minutos escolhendo template)
- Ou abrir Figma (você passa o dia ajustando espaçamento)
- Ou pedir pro designer freela (R$ 800 e 3 dias)
Em abril de 2026 a Anthropic lançou o Claude Design — você fala em pt-BR "cria um deck de venda em 6 slides pro produto X, com tom premium dark" e ele monta direto. Com sua paleta, sua fonte, exportável pra PowerPoint, PDF, HTML ou Canva.
Eu testei nas últimas semanas. Vou contar o que serve, o que não serve, e como começar.
O que é Claude Design (resumo de 30 segundos)
É uma área nova do claude.ai (URL: claude.ai/design) que abre um canvas visual com prompt embaixo. Você descreve o que quer e ele gera:
- Pitch deck (apresentação de venda/investimento)
- Mockup de app (telas pra app mobile, dashboard, landing)
- Protótipo interativo (clicável, exportável como HTML)
- One-pager (1 página, página de vendas, brief)
- Wireframe (estrutura sem design ainda)
- Material de marketing (post pra rede social, banner, brochura)
- Apresentação com código / 3D / vídeo embedded (pro lado mais técnico)
Tudo isso pelo mesmo navegador, sem precisar Figma, sem precisar PowerPoint, sem precisar Canva.
Pra quem serve (e pra quem não)
| Perfil | Vale a pena? |
|---|---|
| Founder validando ideia rápido | ✅ Muito |
| Vendedor B2B montando pitch pra cliente | ✅ Muito |
| Marketeiro com prazo curto de campanha | ✅ Muito |
| Criador montando deck pra vender mentoria | ✅ Muito |
| Dev fazendo wireframe pra mostrar pro time | ✅ Muito |
| Designer experiente buscando ferramenta de produção | Parcial — usa pra explorar, finaliza no Figma |
| Estudante que precisa de slide bonito pra TCC | ✅ |
| Quem precisa de design system corporativo enterprise | Não ainda — Figma + Tokens Studio é melhor |
Resumindo: se você não é designer e precisa de visual bom em pouco tempo, Claude Design é o ganhador.
Pré-requisitos
- Conta Claude Pro, Max, Team ou Enterprise. Free não tem acesso. O Pro custa US$ 20/mês (~R$ 110).
- Navegador atualizado. Chrome, Edge ou Safari recentes funcionam. Firefox testei e funciona também.
- 15 minutos pra fazer onboarding com sua marca (vale o tempo — paga em todos os designs seguintes).
Como acessar (passo a passo)
Passo 1 — Abre claude.ai/design
Logado na sua conta Claude, cola essa URL no navegador. Tela carrega com:
- Canvas central (cinza/escuro) — onde o design vai aparecer
- Prompt embaixo — onde você digita
- Menu lateral esquerdo — projetos, design system, exports
- Toolbar superior — undo/redo, share, export
Passo 2 — Onboarding (5-10 minutos, faz 1 vez só)
Na primeira vez, o Claude pede referências da sua marca:
Opção A — Você sobe arquivos:
- Logo (PNG, SVG ou JPG)
- Paleta de cores (PDF, imagem ou só os hex em texto)
- Fonte preferida (escolhe da lista, ou aceita o padrão)
- Estilo de imagem (foto, ilustração 2D, 3D, abstrato)
Opção B — Você cola um arquivo já existente:
Funciona bem se você joga um:
- Deck antigo da empresa (PPTX)
- Print do site
- Brand book em PDF
- Página do Canva exportada como PDF
O Claude lê e extrai paleta, tipografia, espaçamento, estilo de ilustração. Pronto — design system salvo.
Passo 3 — Cria seu primeiro design
Digita no prompt:
Cria um pitch deck de 6 slides pro produto "FluxoBR":
- Slide 1: problema (3 frases impactantes)
- Slide 2: solução (visual centralizado)
- Slide 3: mercado (gráfico de barras com 3 dados)
- Slide 4: como funciona (3 passos com ícone)
- Slide 5: prova social (3 quotes de cliente fictício)
- Slide 6: CTA (botão grande + email de contato)
Tom: premium, escuro, com toque tecnológico.
Em ~30 segundos o Claude entrega 6 slides já dentro do canvas. Você vê cada um, percorre.
Passo 4 — Edita inline
Clica em qualquer texto/imagem/ícone pra editar direto:
- Trocar texto: clica, digita
- Trocar cor: clica, picker abre
- Trocar imagem: clica, sobe sua ou pede pra ele gerar
- Mover bloco: arrasta
Ou pede pelo chat:
No slide 3, troca o gráfico de barras por linhas.
E aumenta o número grande do meio em 30%.
Ele aplica.
Passo 5 — Exporta
Botão Export no canto superior direito. 4 opções:
| Formato | Quando usar |
|---|---|
| PPTX | Pra editar depois no PowerPoint/Google Slides |
| Pra mandar pra cliente / publicar / imprimir | |
| HTML | Pra hospedar como protótipo interativo na web |
| Canva | Pra continuar editando no Canva (manda direto, sem download) |
Cada export é nativo — não vira imagem estática.
7 casos onde testei e funcionou
Caso 1 — Pitch deck pra investidor (1 hora)
Antes: 8 horas no PowerPoint copiando template. Depois: 1 hora — 20 minutos de prompt + 40 minutos de ajuste.
Comparativo de tempo é absurdo. Output: 12 slides pro Seed Round com paleta da startup.
Caso 2 — Mockup de app mobile (30 min)
Antes: 1 dia no Figma. Depois: 30 minutos.
Pedi: "3 telas de app pra serviço de delivery de comida saudável — onboarding, home com produtos, checkout. Estilo iOS moderno.". Saiu decente. Bom pra mostrar pro sócio antes de pagar designer.
Caso 3 — Landing page (45 min)
Pedi landing pra um curso de Excel avançado. Saiu funcional: hero, 3 benefícios, prova social, FAQ, CTA. Exportei como HTML, subi no Netlify. Pronto pra rodar tráfego (se quiser ver esse fluxo, tem post separado).
Caso 4 — Protótipo interativo pra teste com usuário (1h30)
Aqui ele brilha. Pedi: "Protótipo de fluxo de checkout pra ecommerce — carrinho, dados, pagamento, confirmação. Clicável, com transições.". Exportei como HTML, subi no Vercel, mandei pra 5 usuários testarem antes de pagar dev.
Caso 5 — One-pager de venda B2B (15 min)
Brochura de 1 página pra agência apresentar serviço. Hero, "o que fazemos", "pra quem", cases, contato. Saiu mais limpo do que se eu mesmo desenhasse no Canva.
Caso 6 — Banner pra anúncio Meta Ads
Pedi 3 variações de banner pra rodar teste A/B. Cada uma em 5 minutos. Subi nas campanhas direto.
Caso 7 — Slide pra aula gravada (Calistenia Marketing Digital)
5 slides pra cobrir um conceito de marketing num vídeo. Antes eu gastava 2h no Canva escolhendo template. Agora, 10 minutos pra ter algo melhor do que eu fazia.
Design system automático — a parte mais útil
Essa é a feature que mata o Figma pra projeto pequeno: depois do onboarding, todo design futuro usa sua paleta + fonte + estilo automaticamente. Sem você lembrar de aplicar.
Antes (no Figma): você sempre criava com a paleta padrão e depois lembrava de trocar tudo pra paleta da marca. Sempre escapava um cinza ali, um Arial aqui. Inconsistente.
Agora: você fala "cria card de blog post" e ele já usa o #FF6B3D da sua marca, a fonte Inter, o espaçamento de 24px que ele aprendeu. Coerente do primeiro tiro.
Pra atualizar o design system, vai em Settings → Design System e ajusta — todos os designs antigos atualizam.
Integração com Claude Code (handoff bundle)
Se você é dev: o Claude Design exporta um "handoff bundle" com:
- Componentes em React/Vue/HTML
- Estilos em CSS/Tailwind/styled-components
- Specs em texto pra você passar pro Claude Code
Aí no Claude Code você fala: "implementa esse handoff bundle no projeto X em Next.js". Ele lê, monta os componentes, instala dependências. Vai de mockup pro código em 2 prompts.
Esse fluxo serve pra startup de 1 pessoa que precisa shipar rápido. Pra time de produto sério com revisão de design, ainda recomendo Figma + linguagem de design system.
Diferencial vs concorrentes
| Critério | Claude Design | Figma | PowerPoint | Canva | v0 (Vercel) |
|---|---|---|---|---|---|
| Cria a partir de prompt | ✅ Nativo | ❌ Plugin AI | ❌ | Parcial | ✅ |
| Design system automático | ✅ | Manual | Manual | Manual | Não |
| Exporta PPTX nativo | ✅ | Plugin | ✅ (origem) | ✅ | ❌ |
| Protótipo interativo | ✅ HTML | ✅ | ❌ | Parcial | ✅ |
| Curva de aprendizado | Muito baixa | Alta | Média | Baixa | Média |
| Preço (mensal) | US$ 20 (Pro) | Grátis básico, US$ 15/mês pro | US$ 7 (M365) | Grátis básico, US$ 13 pro | US$ 0-20 |
| Melhor pra... | Não-designer que precisa rápido | Time de produto com design system maduro | Apresentação corporativa tradicional | Social media + flyer | Frontend dev MVP |
Pra mim: uso Claude Design pra deck novo + mockup + protótipo. Mantenho Figma só pro projeto onde o design system precisa ser super preciso e o time tem designer.
Cuidados de segurança
Antes de subir trabalho de cliente:
- Não suba arquivo sigiloso. Material que tem dados de cliente (CPF, contrato, financeiro) — não joga no upload. O Claude Design usa esses arquivos pra processar e melhorar o modelo (segundo a documentação atual).
- Confidencialidade comercial. Brand book interno, deck de roadmap não-público — mesma regra. Use uma versão limpa.
- Marca registrada de cliente. Quando você sobe logo de cliente pra fazer mockup, confere se tem permissão pra usar.
- Compartilhamento. O share link do Claude Design fica acessível pra quem tem URL — não é "público pro mundo", mas qualquer um com o link vê. Cuidado.
- Versões pra apresentar em concorrência. Não suba propostas que tão em negociação aberta com vários clientes — separa contas.
Limitações honestas (depois de 3 semanas usando)
- Detalhamento muito fino fica pobre. Pra ícone customizado, animação complexa, micro-interação — ainda precisa de designer humano (ou Figma + plugins).
- Edição em massa de cor é fraca. Tipo "muda todo o azul desse deck pra verde" — às vezes ele esquece um lugar.
- Não funciona offline. É 100% baseado em browser/cloud.
- Histórico de versões. Tem, mas não é tão robusto quanto o Figma — não dá pra ver diff visual entre v1 e v2 fácil.
- Sem comentários multi-usuário em tempo real. É single-player. Pra time com 5 pessoas comentando na mesma tela, Figma ainda ganha.
- Português — interface ainda em inglês. Os prompts você manda em pt-BR e ele entende, mas botões/menus são em EN.
Pra 80% do uso de criador / freela / founder, sobra. Pra time de design profissional — ainda complementar, não substituto.
Se algo deu errado — troubleshooting
Erro 1: claude.ai/design mostra "Access required"
Você tá em plano Free. Vai em Settings → Plans e faz upgrade pra Pro.
Erro 2: Onboarding não aceita seu arquivo
Limites de upload: PNG/JPG até 10 MB, PDF até 30 MB. Se passar, comprime.
Erro 3: Export pra Canva não funciona
Você precisa autorizar Canva uma vez. Na primeira tentativa ele abre OAuth — autoriza e tenta de novo.
Erro 4: Design fica genérico, sem usar minha paleta
Onboarding incompleto. Volta em Settings → Design System e confirma que paleta + fonte estão configuradas. Se não estiverem, sobe uma referência (deck antigo ou screenshot do site).
Erro 5: Slide bonito mas com texto sem sentido
Você foi vago no prompt. Em vez de "cria um deck", descreve cada slide com clareza:
Slide 3: gráfico de barras mostrando 3 dados:
- 67% das pessoas X
- R$ 2 bilhões de mercado Y
- Crescimento de 32% no último ano
Quanto mais específico, melhor.
TL;DR
- Claude Design é a "Figma de não-designer" da Anthropic. Lançou abril/2026.
- URL:
claude.ai/design. Precisa de plano Pro+ (US$ 20/mês). - Cria deck, mockup, protótipo, landing, one-pager, banner a partir de prompt em pt-BR.
- Design system automático — depois do onboarding, todo design usa sua marca.
- Exporta PPTX, PDF, HTML, Canva nativos.
- Handoff bundle pro Claude Code virar código.
- Melhor pra: não-designer com prazo curto. Founder, criador, vendedor B2B.
- Pior pra: design system enterprise com 10 designers. Aí Figma ganha.
Próximos passos
Combine com o resto do site pra fechar fluxo:
- Como publicar landing no Netlify em 1 comando — pra subir o HTML exportado
- Como criar carrossel pra Instagram — pra divulgar o produto que você desenhou
- 3 prompts pra controlar Meta Ads — pra rodar tráfego pro mockup virar venda
- Como controlar Stripe com Claude (MCP oficial) — pra fechar a venda
Cadastra teu email lá em cima — saí o próximo post: integração Zapier com Claude (8.000+ apps automatizados).
Resumão final: quem dominou Claude Design ganha vantagem absurda em velocidade de iterar visualmente. Antes você levava semanas pra testar uma ideia em formato apresentável. Agora leva minutos.
Vai abrir agora — claude.ai/design. 5 minutos pra testar.
Perguntas frequentes
Claude Design é grátis?
Não tem plano free dedicado. Ele está incluso no Claude Pro, Max, Team e Enterprise — usa as mesmas mensagens/limites do seu plano atual. Se você já paga o Claude Pro (US$ 20/mês), já tem acesso. Se está no Free, vai precisar fazer upgrade.
Substitui o Figma?
Pra wireframe e prototipo rápido, sim. Pra design system grande, multi-equipe e detalhamento de produção — ainda não. O Figma é maduro pra fluxos de equipe (comentário, versão, design tokens, libraries). O Claude Design é melhor pra ir de 'zero ideia' a 'protótipo testável' em 1 prompt. São ferramentas que se completam, não que se substituem.
Eu consigo exportar pra usar no PowerPoint?
Consegue. Exporta nativamente pra PPTX, PDF, HTML e direto pro Canva. Edita depois no PowerPoint ou Canva sem nenhum problema — o arquivo PPTX já vem com slides editáveis, não imagens estáticas.
O design system automático funciona com qualquer marca?
Funciona melhor se você der referências. No onboarding, dá pra colar uma imagem do seu logo + paleta de cores, ou subir um deck antigo e ele extrai estilo. Sem referência, ele usa estética padrão moderna (que já é decente, mas genérica). Quanto mais referência, mais on-brand.
Tem limite de prototipo por mês?
Não diretamente. Usa as mensagens do seu plano Claude. No Pro (US$ 20/mês), você tem cerca de 45 mensagens a cada 5 horas, que renova. Pra criar 1 deck completo, dá em torno de 10-15 mensagens. Pra prototipo interativo, 30-50. Faça as contas.
Continua a leitura

Como gastar menos tokens no Claude (sem perder qualidade)
Token é dinheiro e também é velocidade. Veja 10 ajustes que cortam seu gasto pela metade no Claude e no Claude Code — sem piorar uma vírgula da resposta.
Ler
Como achar vaga de emprego e turbinar o currículo com o Claude
Procurar emprego é maratona: caçar vaga, reescrever currículo pra cada uma, ensaiar entrevista. O Claude faz as três coisas conversando com você. Veja o passo a passo.
Ler
Como analisar seu LinkedIn com o Claude e ganhar uma nota
Seu LinkedIn está bom de verdade ou só parece? O Claude lê seu perfil, te dá uma nota e entrega as correções prontas pra copiar e colar. Veja o passo a passo.
Ler