Las firmas de email tienen un límite de 10.000 caracteres en el HTML. Después de exportar tu firma de email, el plugin te avisará si supera ese límite. Para evitarlo, puedes usar algunos de los componentes iniciales Signature de la pestaña Footer del plugin Emailify.
Por desgracia, los ajustes responsive para móvil no se aplicarán en las exportaciones "HTML Email Signature", porque los clientes de email eliminan las etiquetas de estilo CSS y las consultas @media (por eso tampoco se incluyen en el código exportado). Así que conviene buscar un equilibrio en el diseño original para que se vea bien tanto en escritorio como en móvil.
Vídeo tutorial: diseñar y exportar firmas de email HTML desde Figma
Este vídeo explica cómo diseñar y exportar emails HTML responsive y listos para producción desde Figma con el plugin Emailify.
Exportar tu firma HTML desde Emailify
En el plugin Emailify, haz clic en el botón Export HTML para abrir el panel de exportación, selecciona la opción HTML Email Signature en la lista desplegable y haz clic en el botón Export to HTML Signature para empezar a exportar a HTML los emails que hayas seleccionado en Figma.
Cuando Emailify termine de procesar tus emails, verás un mensaje de confirmación. Haz clic en el botón Download your .zip file para descargar el archivo .zip en tu ordenador y, después, descomprímelo para ver los archivos exportados.
Copiar tu firma de email HTML al portapapeles
Después de exportar tu firma de email HTML desde Emailify y descomprimir el archivo .zip, abre el archivo preview-and-install.html en el navegador Google Chrome (otros navegadores, como Safari, pueden dar problemas) y haz clic en el botón Copy HTML Signature de la página de vista previa. El contenido de tu firma HTML se copiará automáticamente al portapapeles.
Algunos clientes de email pueden necesitar el código HTML "en bruto". En ese caso, haz clic en el botón Copy HTML Signature (Raw Code) del archivo preview-and-install.html para copiar la firma al portapapeles como código HTML sin procesar.
Una vez copiado el HTML al portapapeles, sigue las instrucciones de abajo (basadas en las excelentes guías de SignatureHound) para instalar la firma en tu cliente de email.
Cómo instalar tu firma de email HTML en Apple Mail (MacOS)
Con la aplicación Mail abierta, haz clic en Mail y, después, en Preferences, en la esquina superior izquierda de la pantalla.
En la ventana de preferencias, haz clic en la pestaña Signatures.
Haz clic en el botón + de la parte inferior de la columna central.
Pega tu nueva firma de email en la columna de la derecha y cierra la ventana para guardarla.
En esta vista previa las imágenes aparecen en blanco, pero se cargan al redactar un email.
Asegúrate de que la opción Always match my default message font está desmarcada; si no, tu firma aparecerá como texto sin formato.
¿Sigues viendo una versión en texto sin formato? Prueba a marcar o desmarcar la casilla Place signature above quoted text y vuelve a pegar tu firma.
Selecciona tu nueva firma en el campo Choose Signature, cerca de la parte inferior de la ventana.
Cierra la ventana Preferences, redacta un email nuevo y ¡disfruta de tu nueva firma!
¿No aparecen las imágenes al redactar un email? Ve a los ajustes de privacidad y asegúrate de que la opción Block All Remote Content está desmarcada.
Si usas Apple Mail en modo oscuro, tiene una peculiaridad: muestra un fondo blanco detrás de tu firma en el panel "Inbox" (aunque tanto el sistema como los ajustes de Mail estén en modo oscuro) si la firma usa imágenes retina. Si las imágenes se exportan a 1x nativo (en lugar de a 2x retina) y no se reducen de tamaño, desaparece el fondo blanco, pero a costa de que las imágenes de la firma se vean borrosas o pixeladas.