As assinaturas de e-mail têm um limite de 10,000 caracteres no HTML. Depois de exportar sua assinatura de e-mail, o plugin avisa se ela passar do limite. Para evitar isso, você pode usar alguns dos componentes iniciais de Signature na aba Footer do plugin Emailify.
Infelizmente, os ajustes responsivos para celular não são renderizados em nenhuma exportação “HTML Email Signature”, porque os clientes de e-mail removem todas as tags de estilo CSS e as @media queries (por isso, elas também não são incluídas no código exportado). Vale a pena buscar um equilíbrio no design original para que ele fique bom tanto em larguras de desktop quanto de celular.
Vídeo tutorial: criar e exportar assinaturas de e-mail HTML a partir do Figma
Este vídeo mostra como criar e exportar do Figma e-mails HTML responsivos e prontos para produção usando o plugin Emailify.
Exportar sua assinatura HTML do Emailify
No plugin Emailify, clique no botão Export HTML para abrir o painel de exportação, selecione a opção HTML Email Signature na lista suspensa e clique no botão Export to HTML Signature para começar a exportar do Figma para HTML os e-mails selecionados.
Quando o Emailify terminar de processar seus e-mails, você verá uma mensagem de confirmação. Para baixar o arquivo .zip no seu computador, clique no botão Download your .zip file e depois descompacte o .zip para ver os arquivos exportados.
Copiar sua assinatura de e-mail HTML para a área de transferência
Depois de exportar sua assinatura de e-mail HTML do Emailify e descompactar o arquivo .zip, abra o arquivo preview-and-install.html no navegador Google Chrome (outros navegadores, como o Safari, podem apresentar problemas) e clique no botão Copy HTML Signature na página de pré-visualização. O conteúdo da sua assinatura HTML será copiado automaticamente para a área de transferência.
Alguns clientes de e-mail podem exigir o código HTML “bruto”. Nesse caso, clique no botão Copy HTML Signature (Raw Code) no arquivo preview-and-install.html para copiar a seleção como HTML bruto para a área de transferência.
Depois de copiar o HTML para a área de transferência, siga as instruções abaixo (baseadas nos excelentes guias da SignatureHound) para instalar a assinatura no seu cliente de e-mail.
Como instalar sua assinatura de e-mail HTML no Apple Mail (MacOS)
Com o aplicativo Mail aberto, clique em Mail e depois em Preferences, no canto superior esquerdo da tela.
Na janela de preferências, clique na aba Signatures.
Clique no botão + na parte inferior da coluna do meio.
Copie e cole sua nova assinatura de e-mail na coluna da direita e feche a janela para salvar.
Nesta pré-visualização, as imagens aparecem em branco, mas elas carregam quando você escreve um e-mail.
Confira se a opção Always match my default message font está desmarcada. Caso contrário, sua assinatura vai aparecer em texto simples.
Sua assinatura ainda aparece em texto simples? Tente marcar ou desmarcar a caixa Place signature above quoted text e colar a assinatura de novo.
Selecione sua nova assinatura no campo Choose Signature, perto da parte inferior da janela.
Feche a janela Preferences, escreva um novo e-mail e aproveite sua nova assinatura!
As imagens não aparecem quando você escreve um e-mail? Acesse as configurações de privacidade e confira se a opção Block All Remote Content está desmarcada.
No modo escuro, o Apple Mail tem uma peculiaridade: ele mostra um fundo branco atrás da sua assinatura no painel “Inbox” (mesmo que tanto o sistema quanto o Mail estejam configurados no modo escuro) se a assinatura usar imagens retina. Se as imagens forem exportadas em 1x nativo (em vez de 2x retina) e não forem redimensionadas para menos, o fundo branco desaparece, mas, em troca, as imagens da assinatura ficam borradas ou sem nitidez.