Na primeira vez que você executa o plugin Emailify em uma página do Figma que ainda não tem nenhum frame contêiner do Emailify, o plugin abre automaticamente a janela New Email para você escolher como quer começar.
A janela New Email abre na aba Blank, seguida de Templates, Layouts e AI Designer. Builds de desenvolvimento ativadas localmente também mostram, no final, a aba Import, que é experimental.
Na aba Blank, dê um nome ao seu e-mail (por exemplo, “My Email Template”) e clique no botão Add New Emailify Container para adicionar o frame de e-mail vazio à sua página do Figma.
Esse novo frame especial do Figma criado pelo plugin é reconhecido automaticamente como um e-mail pelo plugin Emailify, e você pode começar a adicionar layouts e componentes a ele com os recursos de design do plugin.
Se você está começando a usar o plugin ou quer se inspirar, pode usar os Layouts, experimentar a subcategoria Randomize, duplicar templates do Figma ou usar o AI Designer (BETA) na janela New Email.
Adicionar mais contêineres do Emailify
Adicione quantos frames contêineres do Emailify precisar. O plugin trata cada contêiner como um e-mail separado.
Se você já adicionou um frame do Emailify à página, pode adicionar um novo frame do Emailify em branco a qualquer momento clicando no ícone + (mais), ao lado do seletor de e-mails no plugin Emailify. O plugin pede um nome e cria um novo frame de e-mail em branco no Figma.
Você também pode copiar e colar um frame do Emailify existente se não quiser começar do zero. Copiar e colar componentes de um frame do Emailify para outro também funciona.
Selecionar um frame do Emailify
Para selecionar um e-mail e começar a adicionar componentes, use o menu suspenso do seletor de e-mails no plugin Emailify ou clique no frame pai no canvas do Figma.
Ao clicar em uma opção de e-mail na caixa de seleção, a página do Figma também passa automaticamente a focar o e-mail selecionado.
Como saber qual frame de e-mail está ativo O nome de e-mail que aparece selecionado no menu suspenso do seletor de e-mails do Emailify sempre indica qual e-mail está selecionado no momento.
Breakpoint para celular dos e-mails
Os e-mails HTML exportados do Emailify têm um único “breakpoint”, definido automaticamente pela largura do frame de desktop no Figma. Por exemplo, se o seu frame do Emailify tem 600px, os estilos e ajustes para celular passam a aparecer a partir de 599px para baixo.
A largura recomendada para e-mails é de 600px a 640px
Em geral, recomenda-se manter a largura do e-mail entre 600px e 640px, porque os painéis de leitura de alguns clientes ou apps de e-mail podem ter menos de 700px de largura. Um painel de leitura mais estreito pode exibir os estilos de celular em vez do layout de desktop. Manter seu frame do Emailify com 600px a 640px de largura ajuda o layout de desktop a ser exibido de forma consistente nos clientes de e-mail de desktop e tablet.