Motion Design no Claude começa com uma decisão de comunicação: o que alguém precisa entender depois de assistir à animação? Por exemplo, apresentar uma agência exige mostrar um problema, organizar a solução e terminar com um convite claro. Movimentar palavras aleatoriamente não resolve essa tarefa.
Neste tutorial, vamos trabalhar uma peça de 15 segundos para a Evolux. Assim, você terá um roteiro completo, um prompt copiável, critérios de revisão e uma referência em vídeo. Além disso, poderá baixar a fonte editável para estudar a composição.
Transparência do exemplo: a referência abaixo foi programada e renderizada pela Evolux, fora do Claude. O caminho no produto foi conferido na documentação oficial em 19/10/2026; não executamos uma sessão autenticada de criação ou exportação. Portanto, o vídeo demonstra o resultado visual pretendido, sem representar uma resposta real do assistente.
Antes de começar: acesso e materiais
Segundo o guia oficial do Claude Motion, o recurso está em beta nos planos Team e Enterprise. Ele anima elementos por código, sem gerar filmagens realistas de pessoas. Portanto, este fluxo serve para tipografia, formas e explicações visuais.
Além disso, o guia administrativo de Artifacts exige habilitar execução de código na nuvem e criação de arquivos antes de ativar Artifacts. No Enterprise, o responsável também precisa liberar Motion. Assim, uma opção ausente pode indicar configuração ou plano incompatível.
Prepare a mensagem, a paleta e o destino da peça antes da conversa. Para este exercício, usaremos 16:9, fundo #1A180D, amarelo #F9B82D e cinza #999999. O exemplo baixável usa Arial do sistema, sem distribuir arquivos de fonte. Portanto, ele não depende de downloads para abrir.
O Motion consome os limites do plano, e projetos complexos podem consumir mais. Por isso, aprove o roteiro antes de pedir variações. Para avaliar outros usos na operação, veja nosso artigo sobre Claude para empresas.
1. Feche o roteiro antes de animar
Divida os 15 segundos em blocos de quatro, seis e cinco segundos. Na abertura, use “Seu marketing precisa de direção.” Em seguida, apresente “Estratégia. Criação. Performance.” No encerramento, mostre “Vamos dar movimento à sua marca?” e “Diagnóstico gratuito”.
Assim, cada cena responde a uma pergunta: qual é o problema, como trabalhamos e qual é o próximo passo? Não inclua depoimentos, números ou resultados inventados para preencher espaço. Além disso, reserve a última cena para a pessoa ler a oferta com calma.
2. Abra Motion e envie um pedido completo
Na aba Artifacts, selecione um modelo Motion e descreva a animação. Outra entrada documentada é escolher Output e Motion na caixa de mensagem. Em seguida, envie o briefing abaixo; os nomes podem aparecer traduzidos na sua interface.
Crie uma animação Motion para apresentar a Evolux a empresários.
Objetivo: despertar interesse por um diagnóstico gratuito de marketing digital.
Duração solicitada: 15 segundos. Formato solicitado: horizontal 16:9.
Identidade: fundo #1A180D, amarelo #F9B82D, cinza #999999 e texto branco. Use Arial ou uma fonte sem serifa disponível; informe qualquer substituição.
Cena 1, de 0 a 4 segundos: “Seu marketing precisa de direção.” Mostre uma seta simples indicando avanço.
Cena 2, de 4 a 10 segundos: “Estratégia. Criação. Performance.” Faça três cartões aparecerem em sequência, mantendo o texto estável depois da entrada.
Cena 3, de 10 a 15 segundos: “Vamos dar movimento à sua marca?” Abaixo, destaque “Diagnóstico gratuito”.
Use no máximo duas linhas por título e margens internas generosas. Não invente estatísticas, clientes, depoimentos ou logos. Não inclua pessoas, trilha, voz ou imagens externas.
Prefira entradas curtas e suaves, sem giros ou flashes. A mensagem deve funcionar sem som.
Antes de criar, confirme o roteiro. Ao finalizar, informe duração, proporção e limitações efetivamente disponíveis para exportação. Não diga que gerou MP4 antes de existir um arquivo baixável.Observe que o pedido diferencia intenção e entrega. Por exemplo, solicitar 16:9 não garante que o arquivo terá a dimensão desejada. Por isso, confira a resposta e a prévia antes de aprovar. Caso o modelo acrescente uma quarta cena, peça a remoção imediatamente.
3. Revise uma cena de cada vez
Assista à primeira versão inteira antes de listar ajustes. Em seguida, anote o segundo, o elemento e o comportamento que precisam mudar. “Está estranho” oferece pouca direção; já “o segundo cartão entra antes de conseguirmos ler o primeiro” identifica o problema.
Revise somente a cena 2, entre 4 e 10 segundos. Mantenha textos, cores e cenas 1 e 3. Faça os três cartões entrarem progressivamente no começo da cena e permanecerem estáveis depois. Evite sobreposição e corte de palavras. Preserve a duração total solicitada. Ao concluir, explique o que mudou e o que não conseguiu preservar.Além disso, compare a nova versão com a anterior. Se o tempo extra de leitura encurtar a oferta final, o ajuste criou outro problema. Nesse caso, reduza o texto ou redistribua o intervalo conscientemente. Portanto, não aprove uma revisão apenas porque o movimento ficou mais bonito.
Uma revisão útil de Motion Design no Claude também precisa preservar a mensagem. Por exemplo, se o assistente trocar “diagnóstico gratuito” por “resultados garantidos”, rejeite a mudança. A primeira expressão descreve a oferta; a segunda cria uma promessa que o briefing não autorizou. Assim, a revisão editorial acompanha a revisão visual.
4. Confira tipografia, contraste e ritmo
Leia os títulos na menor tela em que a peça será exibida. Como referência de composição, limite cada título a duas linhas e deixe distância das bordas. Além disso, evite destacar todas as palavras em amarelo: o destaque perde função quando tudo compete.
No nosso exemplo, a seta apresenta direção, enquanto os cartões organizam o método. Assim, os elementos visuais explicam a mensagem. Já um giro gratuito ou um efeito piscando pode desviar a atenção da oferta. Prefira movimentos breves seguidos de tempo estável para leitura.
Por outro lado, adaptar o vídeo para 9:16 exige recompor as cenas. Não basta cortar as laterais: os três cartões podem desaparecer ou ficar ilegíveis. Portanto, peça outra composição e confira cada quadro novamente, especialmente o encerramento.
Faça ainda um teste simples: mostre a peça uma vez a alguém e pergunte qual serviço foi apresentado e qual ação deveria tomar. Se a pessoa lembrar apenas da cor ou do efeito, simplifique a composição. Dessa forma, você avalia compreensão, além de preferência estética.
5. Exporte e abra o arquivo final
O caminho informado pela Anthropic é Export e, depois, MP4. Após baixar, abra o arquivo fora da conversa e reproduza até o fim. Assim, você confere se recebeu um vídeo utilizável, em vez de depender apenas da prévia do artefato.
Na referência deste artigo, o MP4 foi gerado localmente a partir do código editorial. Conferimos duração, dimensões e quadros do arquivo. Portanto, esse teste valida a nossa peça, sem demonstrar uma exportação realizada dentro do Claude.
Além disso, separe os formatos: HTML executa uma animação no navegador; MP4 contém quadros renderizados; um quadro estático mostra apenas um instante. Nenhum deles substitui automaticamente os outros. Por isso, guarde o fonte quando precisar trocar textos posteriormente.
6. Baixe o fonte e confira a aplicação
Para abrir a referência, salve o TXT como motion-referencia.html em um editor de texto e abra no navegador. Em seguida, use “Reproduzir do início”. O arquivo funciona sem internet e permite mudar as frases e cores no objeto CONFIG. Contudo, alterar apenas a duração não redistribui automaticamente os limites das três cenas.
Se quiser trabalhar diretamente no código, nosso guia de Claude Code para iniciantes explica essa outra experiência. Aqui, o HTML é um material de estudo independente, e não uma exportação prometida pelo Motion.
Antes de usar comercialmente, confira grafia, oferta, direitos dos materiais e funcionamento no destino. Além disso, teste o vídeo com som desligado e verifique se o convite continua compreensível. Em anúncios, a ação depende também do botão e da página de destino da campanha.
Perguntas frequentes sobre Motion Design no Claude
Preciso saber programar para seguir o tutorial?
Não para enviar o briefing, avaliar a prévia e pedir revisões por conversa. Contudo, editar o HTML baixável exige atenção ao código. Faça uma cópia antes de alterar; assim, você preserva uma versão funcional para comparar.
Qual experiência do Claude foi considerada?
O tutorial usa o caminho documentado do Claude Motion em Artifacts. Não confunda essa experiência com Claude Code ou uma conversa que apenas escreve HTML. Além disso, confirme o plano e a liberação do recurso na sua organização.
O resultado é uma animação de página ou um vídeo?
O exemplo oferece os dois: fonte HTML para execução no navegador e MP4 renderizado. Porém, eles foram produzidos editorialmente pela Evolux. No produto, confira o arquivo disponível após Export antes de assumir formato, duração ou dimensões.
Quais formatos foram realmente obtidos?
Obtivemos MP4 horizontal de 1280 × 720, com 15 segundos, 30 quadros por segundo e sem áudio, além do fonte em HTML distribuído como TXT. Portanto, não estamos prometendo GIF, transparência, projeto de editor profissional ou áudio sincronizado.
Como trocar textos, cores e duração?
No Claude, solicite uma alteração delimitada por cena e revise a nova versão. No fonte editorial, textos e cores ficam em CONFIG. Já a duração exige ajustar também os intervalos e renderizar outro vídeo; mudar o HTML não modifica o MP4 existente.
O que conferir antes de usar comercialmente?
Confira a leitura na tela final, a precisão da oferta e as licenças de fontes, imagens e áudio. Além disso, revise margens, cortes e qualidade do arquivo após o envio. Se adicionar materiais externos, registre a origem e a autorização de uso.
Transforme movimento em uma ação clara
Um projeto de Motion Design no Claude ganha valor quando a mensagem ajuda o público a avançar. Por isso, conecte a peça a uma oferta e a uma página bem estruturada, com o próximo passo evidente.
Quer entender onde esse formato faz sentido para sua empresa? Solicite um diagnóstico gratuito de marketing digital à Evolux. Assim, podemos avaliar mensagem, canais e conversão antes de investir em mais peças.
Diogo Leão
Especialista em marketing digital para empresas e sócio fundador da Evolux.
Especialista em marketing digital para empresas e sócio fundador da Evolux.
