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.
Puedes elegir el tipo de easing que necesita tu animación con una opción del menú Easing. El easing se aplica automáticamente a toda la línea de tiempo y actualiza el área Live preview, para que veas cómo el easing seleccionado cambia el movimiento de tu animación con fotogramas clave.
Puedes elegir entre estas opciones de easing:
- Ease (predeterminada)
- Ease out
- Ease in
- In and out
- Linear
- Gentle
- Overshoot
- Anticipate
Definir un valor de easing Cubic Bezier personalizado
Tutorial en vídeo: añade easing cubic-bezier a animaciones de banners en Figma
En este vídeo verás cómo añadir easing cubic-bezier personalizado a animaciones de banners en Figma con el plugin Bannerify.
Para usar tu propia curva, arrastra los tiradores de la curva en el menú Easing, o pega un valor cubic-bezier de CSS válido (por ejemplo, cubic-bezier(0.65,0.05,0.36,1);) en el campo que hay debajo de los ajustes predefinidos. Puedes generar una curva cubic-bezier personalizada con un sitio como https://easings.co/ o con cualquier otro servicio web que prefieras para generar curvas cubic-bezier de CSS personalizadas.