Vídeo tutorial: importe planilhas para tabelas em e-mails HTML no Figma

Este vídeo mostra como gerar automaticamente tabelas para e-mails HTML no Figma a partir de XLSX/CSV ou do Google Sheets com o plugin Emailify.

A opção 🧾 Spreadsheet permite importar dados de uma planilha CSV/XLSX e transformar esse conteúdo automaticamente em uma tabela HTML com várias linhas e colunas. Você pode adicionar mais linhas ou colunas copiando e colando as camadas do Figma de linha e/ou de célula da tabela criadas inicialmente.

A 🧾 Spreadsheet é renderizada da mesma forma no desktop e no celular, então fique de olho na largura da tabela se for adicionar mais do que algumas colunas.

Usar o recurso “Quick Add” para adicionar novas camadas do Emailify

O Emailify permite montar seus designs com blocos de layout e elementos de conteúdo especiais, que são adicionados como camadas aos seus designs do Figma e podem ser exportados para HTML pelo plugin.

Para adicionar esses blocos de layout e elementos de conteúdo, verifique se você já criou pelo menos um frame do Emailify e clique nesse frame para mostrar automaticamente o menu de contexto Quick Add Element na parte de baixo do plugin. Depois, clique no elemento que quiser e no botão Add + para adicioná-lo à camada selecionada.

As opções disponíveis no menu de contexto mudam conforme a camada do Figma selecionada.