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.

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

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

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.