---
url: "/es/bannerify/animation/live-preview.md"
description: "Ve tu animación personalizada en tiempo real mientras ajustas los fotogramas clave y sus propiedades."
---

# Usar la vista previa en directo

> Ve tu animación personalizada en tiempo real mientras ajustas los fotogramas clave y sus propiedades.

### Tutorial en vídeo: añade animaciones personalizadas a tus diseños de banners en Figma

En este vídeo verás cómo añadir animaciones personalizadas con fotogramas clave a tus banners con el plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/live-preview-speeds.mp4)

Para ver cómo queda tu animación según los fotogramas clave y las propiedades que has cambiado, mira el área **Live preview**, que está junto a las propiedades del fotograma clave. Cualquier cambio que hagas en los fotogramas clave, las propiedades o el easing se muestra automáticamente en la vista previa en directo.

> **Tip:** **Puedes ajustar la velocidad de reproducción de la vista previa en directo**. Si quieres ver cómo queda tu animación personalizada a distintas velocidades, puedes cambiar la velocidad de reproducción de la vista previa en directo arrastrando el control deslizante **Duration** que hay debajo para cambiar cuántos segundos dura cada bucle de la vista previa.