También puedes añadir imágenes de fondo a tu diseño aplicando un relleno de imagen de Figma a una capa Row, Column, Hero o Wrapper de tu diseño de email.

Arrastrar una imagen desde tu ordenador a una Column

La forma más rápida de añadir una imagen de contenido en línea a tus capas Column es arrastrar un archivo de imagen desde tu ordenador a Figma y, después, arrastrar la capa de imagen dentro de la Column (y cambiar su tamaño si hace falta).

Si ya tienes en tu archivo de Figma una imagen que quieres usar como imagen de contenido en tu diseño de email, también puedes arrastrar esa capa a tu capa Column.

Puedes definir el atributo de texto alternativo o añadir un enlace URL en el que se puede hacer clic a tus imágenes con el botón Settings de la cabecera del plugin.

Añadir a tu Column un frame de imagen con otras capas estáticas dentro

También puedes añadir un frame de imagen a tu diseño de email: haz clic en una capa Column, elige la opción Image en el desplegable del menú de elementos Quick Add y haz clic en el botón Add + para añadir un frame de imagen nuevo dentro de tu capa Column en Figma.

Después de añadir el frame de imagen, puedes definir el relleno de imagen haciendo clic en la capa nueva en Figma y añadiendo un relleno de imagen desde la columna derecha de Figma, en el panel Fills.

También puedes añadir cualquier otra capa dentro del frame de imagen. Estas capas se incluirán automáticamente en la única imagen estática que se renderiza en tus exportaciones HTML finales.

Puedes definir el atributo de texto alternativo o añadir un enlace URL en el que se puede hacer clic a tus imágenes con el botón Settings de la cabecera del plugin.