Puedes añadir una imagen de fondo a cualquier capa Row, Column, Wrapper o Hero de tu diseño de email: haz clic en la capa en Figma, después en el icono + junto al panel Fill de las propiedades de Figma de la capa, y elige Image como tipo de relleno. El ejemplo anterior lo muestra en una capa Column, pero el mismo proceso sirve también para las capas Row, Wrapper y Hero. Ese relleno de imagen se aplicará como imagen de fondo cuando exportes tu email a HTML desde el plugin.

Para aumentar el contraste entre la imagen de fondo y las capas de contenido, puedes añadir un color semitransparente encima del relleno de imagen de fondo de la capa (con el icono + junto al panel Fill de las propiedades de Figma de la capa), elegir el color que quieras para el nuevo relleno Gradient o Solid y ajustar el porcentaje de opacidad del relleno (por ejemplo, 35).

Las imágenes de fondo y los degradados son compatibles con las capas Row, Column, Wrapper y Hero en la vista previa de Emailify y en las exportaciones renderizadas en HTML. Si exportas mjml o loops sin procesar, ahí se siguen omitiendo los atributos de imagen de fondo de las Column.

Definir un color alternativo sólido detrás de la imagen de fondo

Si quieres que aparezca un color alternativo personalizado detrás de tu imagen de fondo (visible mientras la imagen se carga en el cliente de email del usuario, o si su cliente de email bloquea al principio la carga de imágenes), añade un color sólido extra a los Fills de tu capa Row, Column, Wrapper o Hero con imagen de fondo: haz clic en el botón del icono +, pon el color de relleno que hayas elegido con una opacidad del 100% y arrástralo al final de la lista de rellenos (debajo del relleno de la imagen de fondo).