Los elementos 🦸 Hero son un tipo especial de contenedor de contenido al que se le puede añadir una imagen de fondo en su propio frame.
Las capas Hero no se pueden anidar ni pueden contener columnas. Los elementos 🦸 Hero solo se pueden añadir directamente dentro de capas ✉️ Email. Los elementos 🦸 Hero no pueden contener capas 🏛️ Column, porque no admiten estructuras de varias columnas; en su lugar, las capas de contenido se añaden directamente dentro del frame, sin necesidad de capas 🏛️ Column (a diferencia de un elemento 🚣 Row).
Añadir imágenes o degradados de fondo. Puedes añadir rellenos de fondo con imagen o degradado (o ambos) a las capas 🚣 Row, 🏛️ Column, 🦸 Hero y 🎁 Wrapper. Ten en cuenta que las exportaciones en bruto de mjml y loops siguen omitiendo los atributos de imagen de fondo de las Columns.
Elementos de contenido de Hero
Estas opciones se mostrarán cuando tengas seleccionada una capa 🦸 Hero de Figma:
- ✍️ Text
- 📷 Image
- 🔗 Button
- 📐 Spacer
- ➖ Divider Line
- 🧾 Spreadsheet (Import)
- 🪑 Data Table
- 🍔 Navigation Links
- 🐦 Social
- 🎠 Image Carousel
Usar la función "Quick Add" para añadir capas de Emailify nuevas
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.
Las opciones disponibles en el menú contextual cambian según la capa de Figma que tengas seleccionada.