Como fazer um one-pager no Claude Design que caiba em uma página?

Um one-pager no Claude Design cabe em uma página quando a decisão de corte acontece antes do pedido: uma frase de mensagem principal, três blocos de apoio e uma ordem de leitura clara. Com isso definido, você descreve o material em um pedido único e delimitado, recebe a primeira versão e refina por edição direta no canvas, comentário inline ou chat, conforme o tipo de mudança. No fim, exporta em PDF (ou PPTX e HTML) e compartilha o link com escopo da organização. A ferramenta executa rápido, mas a hierarquia da informação continua sendo sua.
Fala aí, beleza? One-pager é o formato que parece o mais fácil de todos e é justamente o que mais dá trabalho
Porque one-pager não é um documento curto
É uma decisão de corte
O Claude Design, produto do Anthropic Labs lançado em 17 de abril de 2026, gera o material conversando com você e cita one-pager entre os formatos oficiais (junto com designs, protótipos e slides)
Só que tem uma parte que ele não resolve sozinho: qual é a mensagem principal, o que vira detalhe secundário e em que ordem a pessoa lê
Isso é seu 🙂
Neste post a gente monta a estrutura ANTES do pedido, e aí sim descreve o material pro Claude
Spoiler: é o que corta rodada de ajuste pela metade
Formação Claude Code
Domine Claude Code do absoluto zero até o avançado
- 120 aulas
- 4 projetos
- 9h 45min
O que você precisa antes de abrir o Claude Design
Primeiro o acesso
O Claude Design está em beta nos planos Claude Pro, Max, Team e Enterprise, incluído na assinatura
Ele fica em claude.ai/design ou pela barra lateral no app de desktop
Se você quiser entender melhor o produto em si antes de seguir, dá uma olhada no post sobre a ferramenta de design da Anthropic
Aviso pra quem é de empresa: no Enterprise ele vem DESLIGADO por padrão
Quem habilita é o admin, nas configurações da organização
Então se você abriu e não achou nada, calma, pode não ser problema seu
Material de entrada (opcional, mas ajuda muito):
Você não precisa começar do zero absoluto
Dá pra importar da sua base de código, de uma captura web ou de arquivos DOCX, PPTX e XLSX
E dá pra trazer um ou vários design systems, a partir de repositório do GitHub, arquivos de design ou uploads brutos
Isso importa porque one-pager quase sempre nasce de um material que já existe em algum lugar: um doc gigante, um deck de 20 slides, uma planilha
O trabalho é justamente espremer aquilo em uma página
Passo a passo para montar o one-pager em uma página
A lógica aqui é simples: os três primeiros passos acontecem FORA da ferramenta
Parece perda de tempo, mas é o contrário
A boa prática oficial de prompt diz exatamente isso: quebrar tarefas grandes em partes discretas e ser específico sobre requisitos melhora o resultado, e uma tarefa focada e delimitada rende mais que vários objetivos empilhados num prompt só
Bora ver na prática?
- Escreva a mensagem principal em UMA frase
Uma frase, sem subordinada, sem "e também"
Se a pessoa ler só essa linha e fechar o arquivo, o que ela precisa ter entendido?
Esse é o teste
O erro comum deste passo: começar pelo visual
A pessoa abre a ferramenta pensando em cor, fonte e grid, e a mensagem vai se formando por acidente no meio do caminho
Aí o one-pager fica bonito e não diz nada
- Liste tudo e corte o que é detalhe
Joga tudo numa lista, sem filtro, e depois separa em duas colunas: o que SUSTENTA a mensagem principal e o que é anexo
Anexo é tudo que você guarda pra responder se perguntarem
Não precisa estar na página
O erro comum deste passo: transformar corte em fonte menor
Clássico, né?
A pessoa não corta nada, só diminui o corpo do texto e aperta o espaçamento até caber
Isso não é um one-pager, é um documento inteiro em miniatura
- Defina a ordem de leitura
O que a pessoa lê primeiro, o que ela lê em segundo, o que ela lê em terceiro
E qual é a ação final que você quer que ela tome depois de ler
Escreve isso numerado mesmo, em texto puro
Essa ordem é a hierarquia visual da página depois, então é ela que define o que fica grande e o que fica pequeno
O erro comum deste passo: confundir ordem de leitura com ordem cronológica
Ninguém quer saber que o projeto começou em janeiro
A pessoa quer saber o que mudou e o que ela faz com isso
- Transforme a estrutura em um pedido único e delimitado
Agora sim você abre o Claude Design e descreve
E descreve a ESTRUTURA que você decidiu, não um desejo vago tipo "faz um one-pager bonito do produto"
Mais ou menos assim:
Monte um one-pager de uma página só.
Mensagem principal (topo, maior peso visual):
(sua frase única aqui)
Bloco 1 (segunda leitura): (o que sustenta a mensagem)
Bloco 2 (terceira leitura): (prova, dado ou exemplo)
Bloco 3 (fechamento): (a ação que a pessoa deve tomar)
Requisitos: tudo cabe em uma página, sem rolagem extra.
O que não está nesta lista fica de fora.
O erro comum deste passo: pedir três coisas ao mesmo tempo ("faz o one-pager, adapta pra slide e já gera uma versão dark")
Um objetivo por pedido rende MUITO mais
- Receba a primeira versão e escolha o caminho de ajuste certo
O fluxo é esse: você descreve, o Claude gera uma primeira versão, e você refina
O ponto que quase ninguém presta atenção é que existem três caminhos distintos de refino, e cada um serve pra um tipo de mudança
Usar o caminho errado é o que gera aquela sensação de "tô brigando com a ferramenta"
| Tipo de mudança | Caminho | Exemplo |
|---|---|---|
| Ajuste fino de layout | Edição direta no canvas | Arrastar, redimensionar, alinhar, editar texto, ajustar cor e espaçamento |
| Mudança pontual num elemento | Comentário inline (clicando no elemento) | Trocar o texto daquele bloco específico |
| Mudança estrutural | Chat | Nova seção, reordenar a página, algo que exige explicação e contexto |
Regra prática: se a mudança cabe num gesto, é canvas
Se ela precisa de contexto, é chat
O erro comum deste passo: pedir no chat o que era pra ser arrastado com o mouse
Você descreve um ajuste de alinhamento em três frases, o modelo interpreta do jeito dele, e volta diferente do que você queria
- Exporte e compartilhe
Com a página fechada, dá pra exportar em PDF, PPTX ou HTML
E dá pra compartilhar link com escopo da organização, quando o material é interno
O erro comum deste passo: exportar antes de dar a última lida na ordem de leitura que você definiu no passo 3
Abre o PDF e lê de cima pra baixo como se fosse a primeira vez
Se a sequência não bateu com a que você escreveu, o ajuste é estrutural, então volta pro chat
Quando o one-pager vira outra coisa (e o que fazer nesses casos)
Nem todo one-pager termina em PDF
Se liga em três destinos diferentes, porque a estrutura muda conforme o destino
One-pager de apresentação pessoal:
Currículo entra aqui
O Claude Design permite criar one-pager e currículo com exportação em PDF, que é o formato que todo mundo espera receber
Aqui a ordem de leitura é o que decide tudo: quem lê currículo passa o olho, não lê linha por linha
One-pager de produto dentro de uma identidade visual:
Quando a peça precisa sair na cara da marca, o caminho é trazer o design system
Dá pra trazer um ou vários, a partir de repositório do GitHub, arquivos de design ou uploads brutos
A parte legal: o Claude constrói usando esses componentes e confere a própria saída contra o design system antes de te mostrar
É a mesma lógica de escrever regra que o modelo consegue seguir, igual acontece quando você define regras de breakpoint no Claude Code: quanto mais explícita a regra, menos interpretação criativa no meio do caminho
One-pager que é rascunho de produto:
Às vezes aquela página vira a base de uma tela de verdade
Nesse caso rola o handoff para o Claude Code, que segue do trabalho existente em vez de recomeçar de uma captura de tela
Muda bastante o jogo, porque a alternativa de sempre era printar e pedir pra IA adivinhar o que era o quê
E o aviso honesto:
A documentação lista duas limitações conhecidas, e as duas pesam justamente em revisão a quatro mãos
- comentários inline às vezes não aparecem na página (seguem visíveis abrindo a visão de comentários)
- a edição simultânea por duas ou mais pessoas ainda é básica e pode não funcionar de forma confiável
Então se o one-pager vai passar por três pessoas ao mesmo tempo numa sexta à tarde, combina turno de edição
Já viu esse filme, né? 😀
Conclusão
A página só fecha quando a decisão já está tomada fora da ferramenta
Mensagem principal em uma frase, corte de verdade (não fonte menor) e ordem de leitura definida
Com isso na mão, o Claude Design executa muito bem, e o refino vira ajuste de acabamento em vez de rodada infinita de "não era bem isso"
Próximo passo prático: abre um bloco de notas e escreve a frase da mensagem principal mais os três blocos de apoio
Leva uns cinco minutos
Depois abre o claude.ai/design e pede a primeira versão
A diferença entre fazer isso e não fazer aparece já na primeira geração…
até o próximo post!
Perguntas frequentes
Quanto custa fazer um one-pager no Claude Design?
Nada além da assinatura que você já tem. O Claude Design está em beta nos planos Claude Pro, Max, Team e Enterprise, incluído na assinatura, sem cobrança separada por projeto.
Dá para importar um documento ou uma planilha pronta para virar o one-pager?
Dá: os formatos de importação aceitos são arquivos DOCX, PPTX e XLSX, além de captura web ou da sua própria base de código. Isso ajuda bastante quando o one-pager nasce de um material que já existe, tipo aquele deck de slides gigante.
Por que o Claude Design não aparece na minha conta de empresa?
Porque no Enterprise ele vem desligado por padrão. Quem habilita é o admin, nas configurações da organização, e depois disso o trabalho fica compartilhável só dentro dela.
Dá para continuar o one-pager como um site de verdade depois?
Dá, via handoff para o Claude Code, que segue do trabalho existente em vez de recomeçar do zero a partir de uma captura de tela. É o caminho quando o material sai do papel e vira produto.
O comentário que eu deixei no one-pager sumiu, isso é bug?
É uma limitação conhecida: comentários inline às vezes não aparecem na página, mas seguem visíveis abrindo a visão de comentários. Vale lembrar também que edição simultânea por duas ou mais pessoas ainda é básica e pode não funcionar de forma confiável.
Como eu ajusto o one-pager depois que o Claude gera a primeira versão?
Por três caminhos diferentes: edição direta no canvas para arrastar, redimensionar, alinhar, editar texto e ajustar cor e espaçamento; comentário inline clicando no elemento para uma mudança pontual; e chat para mudança estrutural, nova seção ou o que exige explicação e contexto.
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.
