Você também pode adicionar imagens de fundo ao seu layout definindo o preenchimento de imagem do Figma em uma camada Row, Column, Hero ou Wrapper do seu design de e-mail.

Arrastar e soltar uma imagem do seu computador em uma Column

O jeito mais rápido de adicionar uma imagem de conteúdo inline às camadas Column é arrastar e soltar um arquivo de imagem do seu computador no Figma e depois arrastar a camada da imagem para dentro da Column (e redimensioná-la se precisar).

Se você já tem no arquivo do Figma uma imagem que quer usar como imagem de conteúdo no design do e-mail, também pode arrastar e soltar essa camada dentro da camada Column.

Você pode definir o atributo de texto alternativo ou adicionar um link de URL clicável às suas imagens usando o botão Settings no cabeçalho do plugin.

Adicionar à Column um frame de imagem com outras camadas estáticas dentro dele

Você também pode adicionar um frame de imagem ao design do e-mail clicando em uma camada Column, selecionando a opção Image no menu suspenso Quick Add e depois clicando no botão Add + para adicionar um novo frame de imagem dentro da camada Column no Figma.

Depois de adicionar o frame de imagem, defina o preenchimento de imagem clicando na nova camada no Figma e adicionando um preenchimento de imagem na coluna da direita do Figma, no painel Fills.

Você também pode adicionar quaisquer outras camadas dentro do frame de imagem. Elas serão incluídas automaticamente na única camada de imagem estática renderizada nas exportações HTML finais.

Você pode definir o atributo de texto alternativo ou adicionar um link de URL clicável às suas imagens usando o botão Settings no cabeçalho do plugin.