# Chat Flow: Animação de conversa de chat

Uma conversa de chat se desenrola: as mensagens são digitadas e enviadas, o outro lado mostra os pontinhos de digitação, as respostas chegam e reações aparecem. Template de vídeo: copie o código para Claude ou edite no Subclip.

Canonical URL: https://www.subclip.app/pt/motion-graphics-templates/remotion/chat-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-flow.mp4?v=7cfbb558c8

Um chat do tamanho de um celular em que as mensagens enviadas são digitadas no campo e enviadas, os pontinhos de digitação viram respostas e reações com emoji aparecem.

- Framework: Remotion
- Categoria: Redes e chat
- Duração: 12 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/chat-flow

Aparece um chat do tamanho de um celular, com cabeçalho do contato, conversa e campo de mensagem. A primeira mensagem, perguntando se a outra pessoa está pronta para a demo, é digitada no campo, enviada e sobe para a conversa. Os pontinhos de digitação aparecem em um balão recebido, viram a resposta "Yep, pushing it live now" e uma reação 🔥 surge. Uma segunda mensagem, "Perfect, sending the link over", é digitada, enviada e ganha um 👍. A animação dura cerca de 12 segundos.

Você pode ajustar a velocidade de reprodução e o fundo ao redor da cena e editar as mensagens, o contato e as cores no código. Use para contar uma história curta em um anúncio, mostrar um recurso de mensagens, acrescentar um momento de chat a um vídeo explicativo ou criar um clipe para redes com o qual o público se identifique.

## Use para

- Anúncios com história
- Demos de recursos de mensagens
- Momentos de chat em vídeos explicativos
- Clipes para redes que geram identificação

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Chat Flow e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Chat Flow do remocn: https://remocn.dev