Exportar seus e-mails para MJML

Você pode exportar seus e-mails do Figma para MJML, a Mailjet Markup Language, que é o código-fonte do .html exportado pelo Emailify.

Vídeo tutorial: exporte e-mails do Figma para código MJML

Este vídeo mostra como exportar e-mails do plugin Emailify para Figma para código MJML.

Se você selecionou a opção MJML Source Code ao exportar seus e-mails do plugin Emailify, as pastas de e-mail exportadas incluem um arquivo index.mjml adicional ao lado do arquivo HTML normal.

Escolher uma versão do MJML ​

Use o menu suspenso MJML Version para escolher se o index.mjml exportado usa MJML 4, MJML 5 ou MJML 6. O MJML 4 vem selecionado por padrão, para manter a compatibilidade com fluxos de trabalho de MJML existentes; escolha o MJML 5 quando o compilador e as ferramentas que você usa depois forem compatíveis com o MJML 5.

O MJML 6 usa o MJML 6.0.0-alpha.1 e foi pensado para testes com ferramentas compatíveis. A versão alfa altera o HTML gerado e alguns estilos padrão, então confira a pré-visualização e o e-mail exportado antes de usá-lo em uma campanha. Você pode voltar para o MJML 4 ou o MJML 5 a qualquer momento.

Ao usar CSS personalizado com o MJML 6, os seletores com mais de seis segmentos opcionais > tbody > mantêm apenas as formas com todos esses segmentos ou com nenhum deles. Aninhamentos mistos nessa profundidade podem precisar de um seletor mais simples. Os comentários e a formatação são preservados, então o CSS exportado pode ser diferente do das versões anteriores mesmo quando os seletores correspondem aos mesmos elementos.

Com MJML Source Code selecionado, o Preview HTML e o index.html que acompanha a exportação usam a mesma versão do MJML escolhida no menu suspenso.

A configuração MJML Version só se aplica às exportações MJML Source Code. O MJML 5 e o MJML 6 são opcionais e não alteram os outros formatos de exportação do Emailify.

Com o arquivo MJML, fica muito fácil para um desenvolvedor abri-lo no editor de código e fazer atualizações ou personalizações manuais, sem precisar lidar com as tabelas HTML compiladas, que são bem mais difíceis de trabalhar.

Depois de feitas as atualizações, o arquivo pode ser compilado em HTML com um dos vários métodos descritos na seção de uso do site de documentação do MJML.

O Emailify minifica automaticamente as exportações HTML para reduzir ao máximo o tamanho do arquivo, mas, se você estiver exportando e-mails com a opção MJML Source Code selecionada, pode pular a minificação desativando a opção Minify HTML, e o plugin desativa automaticamente a minificação desses e-mails exportados.