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.

Para escolher o tipo de easing que a sua animação deve ter, selecione uma opção no menu Easing. O easing é aplicado automaticamente a toda a linha do tempo e atualiza a área Live preview, para que você veja como o easing selecionado muda o movimento da animação de keyframes.

Você pode escolher entre estas opções de easing:

• Ease (Default)
• Ease out
• Ease in
• In and out
• Linear
• Gentle
• Overshoot
• Anticipate

Definir um valor de easing Cubic Bezier personalizado

Vídeo tutorial: adicione easing cubic-bezier às animações de banners no Figma

Este vídeo mostra como adicionar easing cubic-bezier personalizado às animações de banners no Figma com o plugin Bannerify.

Para usar sua própria curva, arraste as alças da curva no menu Easing ou cole um valor CSS cubic-bezier válido (por exemplo, cubic-bezier(0.65,0.05,0.36,1);) no campo abaixo das predefinições. Para gerar uma curva cubic-bezier personalizada, use um site como https://easings.co/ ou qualquer outro serviço on-line de sua preferência que gere curvas CSS cubic-bezier.