---
url: "/es/bannerify/animation/creating-keyframes.md"
description: "Añade y gestiona fotogramas clave en la línea de tiempo de tu animación personalizada."
---

# Crear fotogramas clave de animaciones personalizadas

> Añade y gestiona fotogramas clave en la línea de tiempo de tu animación personalizada.

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/keyframes.mp4)

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 {#selecting-a-keyframe-to-edit}

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 {#inserting-new-keyframes}

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**.