Claude Design: o que dá para baixar e o que fica só na conversa?

Fala aí, beleza? Ver o layout bonito na tela é uma coisa, ter o arquivo na mão pra usar no projeto é outra história completamente diferente

O Claude Design é um produto da Anthropic, apresentado como Anthropic Labs, pra criar trabalho visual junto com o Claude: designs, protótipos, slides e one-pagers

Ele está em beta e vem incluído na assinatura dos planos Pro, Max, Team e Enterprise, sem cobrança separada, ou seja, o que pesa mesmo é o valor do plano que você já paga (se essa parte te interessa, eu fiz a conta de quanto custa a assinatura no Brasil)

Este post não é sobre prompt bonito, se liga: aqui eu trato da SAÍDA do trabalho

O que dá pra levar embora, em qual formato isso chega e o que fica só na conversa

Pré-inscrição Formação Claude Code

Domine o Claude Code do básico ao avançado

Você vai aprender a criar sistemas completos com Claude Code, sem precisar ser programador. Inscreva-se para ter acesso a um desconto de lançamento e bônus especiais!

Quero minha vaga

Formatos de saída: o que cada um serve para fazer

A lista oficial de saída do Claude Design é bundle HTML, PPTX e PDF, mais o handoff pro Claude Code ou pra parceiros

Cada um resolve um problema diferente, então não adianta escolher no chute

Repare numa coisa: os três primeiros são download, os dois últimos são passagem de bastão

São decisões diferentes e é bom saber qual das duas você quer ANTES de gastar prompt

Como exportar um design do Claude Design

O caminho é curto, mas tem um detalhe que derruba muita gente

1. Abra o projeto que você quer levar embora. A exportação mora na visualização do projeto, e não no meio da conversa. O erro comum deste passo é justamente ficar procurando um botão de download dentro do chat: não é ali
2. Com o projeto aberto, clique no botão Export, no canto superior direito da tela
3. Escolha o que vai sair: bundle HTML, PPTX ou PDF, se o objetivo é ter o arquivo, ou o handoff, se o objetivo é continuar o trabalho no Claude Code ou num parceiro

Só isso

Se você está esperando um menu gigante de opções, calma que a graça aqui é outra: a decisão pesada é o destino, não o clique

O que fica só na conversa (e não vem no download)

Agora a parte honesta, porque layout gerado não é a mesma coisa que arquivo editável de ferramenta de design

Arquivo do Figma não aparece na lista oficial de exportação nem de handoff do Claude Design

O caminho oficial quando você quer seguir editando fora é o envio pra parceiro, e o Canva está entre esses destinos

É uma diferença de expectativa importante: você leva o resultado, não necessariamente leva o "projeto de design" do jeito que um time de design costuma tratar projeto de design

Tem também a camada de permissão, que muda por plano

No Enterprise, o Claude Design vem DESLIGADO por padrão e o administrador precisa habilitar nas configurações da organização

E, quando habilitado, o trabalho só é compartilhável dentro da organização

Ou seja: se você é de time grande e abriu a conta esperando encontrar o recurso ligado, o problema pode não ser você, é a config da org mesmo

E o artifact do Claude.ai, dá pra publicar?

Vale citar aqui porque muita gente mistura as duas coisas

No Claude.ai, um artifact é publicado pelo botão Publish, que gera link público e adiciona o item na seção Artifacts da barra lateral

Essa publicação pública está disponível nos planos Free, Pro e Max, enquanto em Team e Enterprise o compartilhamento é apenas interno à organização

Tome cuidado com um ponto: despublicar é irreversível para aquele item

Depois do unpublish, o mesmo artifact não pode ser publicado de novo, você precisa criar outro

E se o que você quer é partir do artifact publicado por outra pessoa, o caminho é copiar o código pra um chat novo e pedir as alterações ali: a sua versão nasce separada do original

Planeje o fluxo antes do primeiro prompt

A pergunta que economiza tempo é essa: pra onde esse arquivo vai depois?

São basicamente três destinos e cada um tem um caminho

1. Vai virar produto em código

O Claude Design descreve três caminhos de trabalho com código: importar um design pro seu codebase, exportar o código como protótipo ao vivo, ou deixar o Claude construir do começo ao fim

Tem também o /design-sync, que roda dentro do Claude Code e traz um ou mais design systems pro Claude Design

/design-sync

A origem desse design system pode ser um repositório GitHub, arquivos de design, uploads brutos ou o seu codebase local

Se o teu fluxo hoje já é de terminal e você está avaliando migrar do Cursor para o Claude Code, esse é o pedaço que mais muda a rotina: o design deixa de ser um print no Slack e vira entrada do projeto

2. Vai virar apresentação ou one-pager

Aqui PPTX e PDF resolvem sem drama

PPTX quando alguém vai editar, PDF quando o negócio já está fechado e só precisa ser lido

3. Vai continuar sendo editado por um time de design

Esse é o caso em que o caminho oficial é o handoff pra parceiro, tipo o Canva

Não adianta esperar que o bundle HTML faça o papel de arquivo de ferramenta de design, não é isso que ele é

Ah, e duas coisas que ajudam a montar o projeto antes de tudo

Um projeto novo herda automaticamente o design system da organização, sem você precisar subir asset de marca nem configurar cor, fonte e componente na mão

E o ponto de partida pode ser um prompt de texto, upload de imagens e documentos (DOCX, PPTX, XLSX) ou o seu próprio codebase

Na prática: o que saiu de uma dashboard e de uma proposta comercial

No vídeo eu monto dois projetos bem diferentes justamente pra ver o que sobra no fim

O primeiro foi um protótipo de dashboard analytics, e eu escolhi alta fidelidade em vez de wireframe, porque alta fidelidade já sai completo e eu prefiro assim

O prompt pedia, entre outras coisas, uma tabela com as últimas 5 campanhas

Depois pedi por prompt pra trocar os 4 cards de métricas por 8, cada um com uma cor neon diferente, e a mudança apareceu refletida na tela

Depois fui mais preciso: comentei em cima de um elemento específico pra pedir filtros novos, e a edição saiu melhor justamente por eu ter apontado O LUGAR

Esse é o pulo do gato do editor

Dá pra comentar em elementos específicos, editar texto direto, ajustar espaçamento, cor e layout ao vivo e depois pedir pro Claude aplicar aquela mudança no design inteiro

E tem controles de layout pra arrastar, redimensionar e alinhar elemento, então nem tudo precisa virar prompt

O segundo projeto foi uma proposta comercial de 8 páginas pra agência de automação

Aqui apareceu um comportamento que eu achei massa: a ferramenta definiu sozinha o tamanho de slide em 1920 por 1080, eu não pedi

E a apresentação também vira HTML, ou seja, eu fico com os slides em código e posso editar

O veredito honesto dessa parte: a apresentação sai mais simples que o projeto web, com menos detalhe de interação

E quando um slide sai ruim, eu não fico tentando salvar, prefiro refazer, sai mais rápido =)

No fim, o meu ciclo termina na exportação pro Claude Code: eu desenho e estruturo no Claude Design, e a implementação acontece depois, fora dele

Vídeo: Claude Design do zero ao avançado

No vídeo abaixo eu mostro esses mesmos exemplos rodando, do primeiro prompt até a saída

Conclusão

O resumo é esse: escolha o destino do arquivo ANTES de gerar, porque o formato de saída define o fluxo inteiro

Bundle HTML, PPTX e PDF são download, handoff pro Claude Code ou pra parceiro é continuidade de trabalho

E arquivo editável de ferramenta de design não está na lista oficial de saída, então não monte um processo em cima dessa expectativa: quando a ideia é seguir editando fora, o caminho é o handoff pra parceiro, tipo o Canva

Sugestão de próximo passo: abre um projeto pequeno, exporta nos dois formatos que te interessam e confere se aquilo encaixa no teu processo

Melhor descobrir isso num teste rápido do que no meio de um trabalho grande, né? 😀

até o próximo post!