---
url: "/pt/bannerify/animation/creating-keyframes.md"
description: "Adicione e gerencie keyframes na linha do tempo da sua animação personalizada."
---

# Criar keyframes de animações personalizadas

> Adicione e gerencie keyframes na linha do tempo da sua animação personalizada.

### 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/keyframes.mp4)

Ao abrir o painel de animações, você verá 2 keyframes: o primeiro (0%) e o último (100%). Eles são adicionados por padrão e não podem ser removidos, porque uma animação de keyframes precisa de pelo menos um quadro para iniciar a animação e de um keyframe que mostre onde ela termina.

## Selecionar um keyframe para editar {#selecting-a-keyframe-to-edit}

Para alternar na hora entre os keyframes, clique em um keyframe na faixa **Keyframes**, perto do topo do painel de animações personalizadas. Ao clicar em um keyframe, você pode editar as propriedades desse keyframe específico.

## Inserir novos keyframes {#inserting-new-keyframes}

Para adicionar um keyframe entre os pontos de início e fim padrão, digite a porcentagem dele (por exemplo, **50**) no campo **Add at** e selecione **Add**.

Todo novo keyframe que você adiciona é criado automaticamente com as mesmas propriedades do keyframe selecionado no momento; assim, você pode ajustar as propriedades com base em outros keyframes já adicionados. O novo keyframe também é selecionado automaticamente depois que você clica no botão **Add**.