Los elementos 🏛️ Content se usan para crear estructuras de una o varias columnas que contienen las capas de contenido propiamente dichas.
Las capas Column no se pueden anidar. Los elementos 🏛️ Column solo se pueden añadir directamente dentro de capas 🚣 Row. Si necesitas varias filas de columnas, tienes que crear una 🚣 Row nueva para cada fila de columnas que necesites.
Las capas 🏛️ Column pueden incluir imágenes y degradados de fondo en la vista previa de Emailify y en las exportaciones renderizadas en HTML. También puedes añadir rellenos de fondo con imagen o degradado (o ambos) a las capas 🚣 Row, 🦸 Hero y 🎁 Wrapper de primer nivel. Las exportaciones en bruto de mjml y loops siguen omitiendo los atributos de imagen de fondo de las Columns.
Elementos de contenido de Column
Estas opciones se mostrarán cuando tengas seleccionada una capa 🏛️ Column 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.