Cuando estés contento con tu diseño y con los ajustes que querías configurar, puedes exportar tus emails de Figma a HTML haciendo clic en el botón Export HTML de la cabecera del plugin Emailify, seleccionando los emails que quieras exportar y, si quieres, añadiendo un asunto y un texto de preencabezado.
Exportar y descargar tu email HTML de Figma como archivo .zip
La opción seleccionada de forma predeterminada es HTML Email, que exporta tus emails como emails compilados y listos para producción (con todo el CSS ya integrado en línea y el HTML minificado).
Cuando lo tengas todo listo, haz clic en el botón Export To HTML 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; puedes descargar tu archivo .zip haciendo clic en el botón Download your .zip file.
Guardar archivos descargados desde Figma Si usas la aplicación de escritorio de Figma, verás un aviso para descargar el archivo. En cambio, si usas Figma en un navegador web, el archivo se descargará automáticamente en tu ordenador (normalmente en la carpeta Descargas).
Si la exportación terminó pero el ZIP no se descargó
Si has llegado a la pantalla de exportación terminada de Emailify, la exportación del email ya se ha generado. Para empezar, vuelve a hacer clic en Download your .zip file en esa pantalla.
Después, revisa la ubicación de descarga que corresponda a cómo usas Figma:
- En la app de escritorio de Figma, busca el cuadro de diálogo nativo de Figma para guardar el archivo y asegúrate de que no está oculto detrás de otra ventana o escritorio.
- En Figma en un navegador web, revisa la lista de descargas del navegador y la carpeta Descargas predeterminada de tu ordenador.
Si el ZIP sigue sin aparecer:
- Vuelve a ejecutar la exportación una vez después de comprobar la ubicación de descarga correcta.
- Si estás en una red del trabajo, prueba con otra red wifi o con un navegador o una ventana privada, por si algo en tu equipo está interrumpiendo la descarga.
- Si un intento ha gastado un uso de prueba Pro gratis pero no ha llegado ningún archivo, deja de intentarlo y escribe a [email protected] indicando el nombre del producto, si usabas Figma de escritorio o en el navegador, y una captura de pantalla de la pantalla de exportación terminada o del cuadro de diálogo de descarga que falta.
Si la exportación se completó con tu último uso de prueba Pro gratis, la pantalla de exportación terminada debería seguir permitiéndote descargar el ZIP. Para las reglas generales de la prueba, consulta Usa los usos de prueba Pro gratis de Hypermatic. Si necesitas ayuda privada con los usos de prueba o comprobaciones de tu cuenta, consulta Elige el canal de soporte adecuado de Hypermatic.
Emailify detecta automáticamente si alguna capa de texto de tu diseño necesita un estilo RTL (de derecha a izquierda) y aplica automáticamente el atributo HTML dir="rtl" a las zonas de texto de tus emails exportados.
Caracteres ocultos en texto pegado
Durante la vista previa y la exportación, Emailify elimina los caracteres de unión y no unión de ancho cero que se cuelan por accidente entre letras inglesas normales o dígitos en el texto, los botones y las etiquetas de navegación. También elimina los códigos de control no imprimibles y la marca de orden de bytes inicial, sin modificar tus capas de texto originales de Figma.
Los caracteres que se usan en otros idiomas, los emojis, la dirección del texto y los espacios intencionados se conservan. Si un email enviado sigue mostrando caracteres inesperados, vuelve a escribir la palabra afectada en Figma, vuelve a exportar y comprueba que tu plataforma de email lo envía con la codificación UTF-8. Prueba el email final con tu plataforma de envío antes de enviar una campaña.
Descomprimir y ver el paquete .zip de tu email HTML exportado
Después de descargar tu archivo .zip de Figma en tu ordenador, abre el explorador de archivos en la carpeta donde se ha guardado. Haz doble clic en el archivo .zip exportado para descomprimir su contenido.
El archivo .zip contiene el archivo index.html de cada email y sus imágenes en una carpeta independiente. Un archivo index.html generado en la raíz te permite revisar todos los emails exportados desde una sola página de vista previa. También puedes subirlo como enlace de vista previa de Netlify para tus clientes o compañeros de equipo.
Si haces doble clic en el archivo index.html de la página de vista previa o en cualquier archivo index.html dentro de las carpetas de cada email, se abrirá en tu navegador web y podrás ver una vista previa del HTML exportado.
La versión en texto plano de tu email HTML se incluye automáticamente dentro del archivo .zip de cualquier exportación del plugin. Si descomprimes el archivo .zip exportado y abres la carpeta de tu email, verás un archivo plain-text-version.txt junto a tu archivo index.html.