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.

Al abrir el panel de animaciones, verás 2 fotogramas clave: el primero (0 %) y el último (100 %). Se añaden de forma predeterminada y no se pueden eliminar, porque una animación con fotogramas clave necesita al menos un fotograma desde el que empezar y un fotograma clave que indique dónde termina.

Seleccionar un fotograma clave para editarlo

Puedes cambiar al instante entre fotogramas clave haciendo clic en uno de ellos en la pista Keyframes, cerca de la parte superior del panel de animaciones personalizadas. Al hacer clic en un fotograma clave, puedes editar sus propiedades.

Insertar nuevos fotogramas clave

Para añadir un fotograma clave entre los puntos de inicio y fin predeterminados, escribe su porcentaje (por ejemplo, 50) en el campo Add at y selecciona Add.

Cada fotograma clave nuevo que añadas se crea automáticamente con las mismas propiedades que el fotograma clave seleccionado en ese momento; así puedes ajustar las propiedades a partir de otros fotogramas clave que ya hayas añadido. El fotograma clave recién añadido también se selecciona automáticamente al hacer clic en el botón Add.