Quando estiver satisfeito com o design e com as configurações que queria definir, exporte os e-mails do Figma para HTML: clique no botão Export HTML no cabeçalho do plugin Emailify, selecione os e-mails que quer exportar e, se quiser, adicione uma linha de assunto e um texto de preheader.
Exportar e baixar o e-mail HTML do Figma como arquivo .zip
A opção selecionada por padrão é HTML Email, que exporta os e-mails compilados e prontos para produção (com todo o CSS já inline e o HTML minificado).
Quando estiver tudo pronto, clique no botão Export To HTML para começar a exportar para HTML os e-mails selecionados no Figma.
Quando o Emailify terminar de processar os e-mails, aparece uma mensagem de confirmação. Para baixar o arquivo .zip, clique no botão Download your .zip file.
Salvar arquivos baixados do Figma. Se você usa o app desktop do Figma, vai aparecer uma janela para baixar o arquivo. Já se você usa o Figma em um navegador, por padrão o arquivo é baixado automaticamente para o seu computador (normalmente para a pasta Downloads).
A exportação terminou, mas o ZIP não foi baixado
Se você chegou à tela de exportação concluída do Emailify, a exportação do e-mail já foi gerada. Comece clicando de novo em Download your .zip file nessa tela.
Depois, confira o local de download de acordo com a forma como você usa o Figma:
- No app para desktop do Figma, procure a janela nativa de salvar do Figma e confira se ela não está escondida atrás de outra janela ou em outra área de trabalho.
- No Figma em um navegador, confira a lista de downloads do navegador e a pasta Downloads padrão do seu computador.
Se o ZIP ainda não aparecer:
- Depois de conferir o local de download correto, execute a exportação de novo uma vez.
- Se estiver em uma rede corporativa, tente outra rede Wi-Fi ou outro navegador ou janela anônima, caso a transferência do download esteja sendo interrompida localmente.
- Se uma tentativa usou um teste Pro grátis, mas nenhum arquivo chegou, pare de tentar e envie um e-mail para [email protected] com o nome do produto, informando se você usava o Figma desktop ou no navegador, e uma captura de tela da tela de exportação concluída ou da janela de download que não apareceu.
Se a exportação foi concluída no seu último teste Pro grátis, a tela de exportação concluída ainda deve permitir baixar o ZIP. Para ver as regras gerais dos testes, consulte Use os testes Pro grátis da Hypermatic. Para receber ajuda privada sobre o uso dos testes ou verificações específicas da sua conta, consulte Escolha o canal de suporte certo da Hypermatic.
O Emailify detecta automaticamente se alguma camada de texto do design precisa de estilo RTL (da direita para a esquerda) e aplica automaticamente o atributo HTML dir="rtl" às áreas de conteúdo de texto dos e-mails exportados.
Caracteres ocultos em texto colado
Durante a pré-visualização e a exportação, o Emailify remove os zero-width joiners e non-joiners acidentais entre letras inglesas comuns ou dígitos em textos, rótulos de botões e de navegação. Ele também remove códigos de controle não imprimíveis e uma marca de ordem de bytes (BOM) no início, sem editar as camadas de texto originais do Figma.
Os caracteres usados em outros idiomas, os emojis, a direção do texto e os espaços intencionais são preservados. Se um e-mail enviado ainda mostrar caracteres inesperados, digite de novo a palavra afetada no Figma, exporte outra vez e confira se a sua plataforma de e-mail envia com a codificação UTF-8. Teste o e-mail final pela sua plataforma de envio antes de enviar uma campanha.
Descompactar e visualizar o pacote .zip do e-mail HTML exportado
Depois de baixar o arquivo .zip do Figma para o computador, abra o explorador de arquivos na pasta em que ele foi salvo. Clique duas vezes no arquivo .zip exportado para descompactar o conteúdo.
O arquivo .zip contém o arquivo index.html e as imagens de cada e-mail em uma pasta separada. Um arquivo index.html gerado na raiz permite revisar todos os e-mails exportados em uma única página de pré-visualização. Você também pode fazer o upload dele como link de pré-visualização na Netlify para clientes ou colegas de equipe.
Clique duas vezes no arquivo index.html da página de pré-visualização ou em qualquer arquivo index.html dentro das pastas de cada e-mail para abri-lo no navegador e pré-visualizar o HTML exportado.
A versão em texto simples do seu e-mail HTML é incluída automaticamente no arquivo .zip de todas as exportações do plugin. Se você descompactar o .zip exportado e abrir a pasta do seu e-mail, vai encontrar um arquivo plain-text-version.txt ao lado do arquivo index.html.