A camada de elemento 🪑 Data Table permite renderizar conteúdo 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.

Por padrão, a 🪑 Data Table é 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.

Em tabelas compactas de ícone e texto ou em linhas no estilo checklist, selecione a camada principal 🪑 Data Table, abra Settings, ative Mobile Alignment e escolha Center para centralizar a própria estrutura da tabela no celular, em vez de depender do padding à esquerda e à direita. Assim, o espaçamento entre ícone e texto da tabela é mantido e o conteúdo agrupado fica centralizado.

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.