# Chat Flow: Animación de conversación de chat

Se desarrolla una conversación de chat: los mensajes se escriben y se envían, el otro lado muestra los puntos de escritura, llegan respuestas y aparecen reacciones. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/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

Un hilo de chat con ancho de móvil donde los mensajes salientes se escriben en el campo y se envían, los puntos de escritura se convierten en respuestas y aparecen reacciones con emoji.

- Framework: Remotion
- Categoría: Redes y chat
- Duración: 12 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/chat-flow

Aparece un chat con ancho de móvil, con cabecera de contacto, hilo y campo de escritura. El primer mensaje, que pregunta si la otra persona está lista para la demo, se escribe en el campo, se envía y sube al hilo. En una burbuja entrante aparecen los puntos de escritura, que se convierten en la respuesta "Yep, pushing it live now", y surge una reacción 🔥. Un segundo mensaje, "Perfect, sending the link over", se escribe, se envía y recibe un 👍. Dura unos 12 segundos.

Puedes ajustar la velocidad de reproducción y el fondo alrededor de la escena, y editar los mensajes, el contacto y los colores en el código. Úsala para contar una historia corta en un anuncio, mostrar una función de mensajería, añadir un momento de chat a un vídeo explicativo o crear un clip cercano para redes.

## Úsala para

- Anuncios con historia
- Demos de funciones de mensajería
- Momentos de chat en vídeos explicativos
- Clips cercanos para redes

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Chat Flow y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Chat Flow de remocn: https://remocn.dev