---
url: "/es/emailify/elements/email.md"
description: "Empieza con el frame Email y añade filas, heros, wrappers y código personalizado."
---

# Frame de email

> Empieza con el frame Email y añade filas, heros, wrappers y código personalizado.

Todos los diseños de email de Emailify empiezan con un frame de email especial de Figma en blanco, que podrás llenar con elementos de estructura de Emailify.

## Elementos del frame Email {#email-frame-elements}

Estas opciones se mostrarán cuando tengas seleccionada una capa ✉️ **Email** de Figma:

- 🚣 [Content Row](/es/emailify/elements/row)
- 🦸 [Hero](/es/emailify/elements/hero)
- 🎁 [Row Wrapper](/es/emailify/elements/wrapper)
- 🧑‍💻 [Custom Code](/es/emailify/elements/code)

> **Note:** **Los colores, imágenes o degradados de fondo aplicados a las capas de frame ✉️ Email no se incluirán.** Sin embargo, puedes añadir rellenos de fondo de color sólido, imagen o degradado (o varios) a cualquier 🚣 **Row**, 🦸 **Hero** o 🎁 **Wrapper** de primer nivel.

## Usar la función "Quick Add" para añadir capas de Emailify nuevas {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailify te permite construir tus diseños con bloques de estructura y elementos de contenido especiales que se añaden como capas a tus diseños de Figma y que puedes exportar a HTML desde el plugin.

Para añadir estos bloques de estructura y elementos de contenido, asegúrate de haber creado al menos un frame de Emailify y haz clic en ese frame para que aparezca automáticamente el menú contextual **Quick Add Element** en la parte inferior del plugin. Después, haz clic en el elemento que quieras y en el botón **Add +** para añadirlo a la capa seleccionada.

> **Tip:** Las opciones disponibles en el menú contextual cambian según la capa de Figma que tengas seleccionada.