---
url: "/es/bannerify/design/gif.md"
description: "Hay dos formas de usar GIF en tus diseños de banners, y cada una funciona de forma algo distinta según cómo quieras incorporar el GIF a tu diseño."
---

# Incluir GIF animados en tus banners HTML

> Hay dos formas de usar GIF en tus diseños de banners, y cada una funciona de forma algo distinta según cómo quieras incorporar el GIF a tu diseño.

> **Note:** Tu capa GIF tiene que estar incluida en la línea de tiempo principal. Las **capas _anidadas_ que contienen un GIF no se renderizan** ni se incluyen en tus exportaciones HTML. Los GIF animados incrustados tampoco **se incluyen en las exportaciones GIF/vídeo** de Bannerify.

> **Tip:** **Marcar GIF transparentes**. De forma predeterminada, tus exportaciones GIF no incluyen transparencia. Si tu GIF necesita transparencia, añade la palabra **transparent** en cualquier parte del nombre de la capa en Figma.

## Usar GIF animados como capas de imagen {#using-animated-gifs-as-image-layers}

[Video](/assets/videos/bannerify/design/animated-gif-layer.mp4)

Puedes arrastrar un archivo `.gif` dentro de cualquier banner de nivel superior y se añadirá como una capa de imagen de Figma.

Este método no te permite colocar otro contenido encima del GIF animado; sin embargo, cualquier relleno adicional de Figma (por ejemplo, superposiciones de color o degradado) de este frame también se incluirá en la exportación `.gif` final.

## Usar GIF animados como relleno de fondo de una capa de frame {#using-animated-gifs-as-background-fills-on-a-frame-layer}

[Video](/assets/videos/bannerify/design/animated-gif-fill.mp4)

Otra opción es arrastrar un archivo `.gif` desde tu ordenador al **relleno** de una capa de frame, y se definirá como relleno de imagen en el fondo del frame. Cualquier relleno adicional de Figma (por ejemplo, superposiciones de color o degradado) de este frame también se incluirá en la exportación `.gif` final.

La ventaja es que puedes añadir otras capas de Figma (textos, imágenes, etc.) dentro del frame, encima de tu GIF animado, y también se incluirán en el `.gif` que se exporta con tus banners HTML.