---
url: "/pt/bannerify/animation/live-preview.md"
description: "Veja sua animação personalizada em tempo real enquanto ajusta os keyframes e as propriedades."
---

# Usar a pré-visualização ao vivo

> Veja sua animação personalizada em tempo real enquanto ajusta os keyframes e as propriedades.

### Vídeo tutorial: adicione animações personalizadas aos seus banners no Figma

Este vídeo mostra como adicionar animações de keyframes personalizadas aos seus banners com o plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

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

Para ver como a animação está ficando com os keyframes e as propriedades que você atualizou, observe a área **Live preview**, ao lado das propriedades dos keyframes. Qualquer alteração que você fizer nos keyframes, nas propriedades ou no easing aparece automaticamente na pré-visualização ao vivo.

> **Tip:** **Você pode ajustar a velocidade de reprodução da pré-visualização ao vivo**. Se quiser ver como sua animação personalizada fica em velocidades diferentes, arraste o controle deslizante **Duration** abaixo da pré-visualização para mudar quantos segundos cada repetição da pré-visualização leva.