Tutorial en vídeo: exporta emails desde Figma a código MJML
En este vídeo verás cómo exportar emails desde el plugin Emailify de Figma a código MJML.
Si seleccionaste la opción MJML Source Code al exportar tus emails desde el plugin Emailify, las carpetas de tus emails exportados incluirán un archivo index.mjml adicional junto al archivo HTML normal.
Elegir una versión de MJML
Usa el desplegable MJML Version para elegir si el index.mjml exportado usa MJML 4, MJML 5 o MJML 6. MJML 4 está seleccionado por defecto para que sea compatible con los flujos de trabajo de MJML existentes; elige MJML 5 cuando tu compilador y tus herramientas posteriores sean compatibles con MJML 5.
MJML 6 usa MJML 6.0.0-alpha.1 y está pensado para hacer pruebas con herramientas posteriores compatibles. La versión alfa cambia el HTML generado y algunos estilos predeterminados, así que revisa la vista previa y el email exportado antes de usarlo en una campaña. Puedes volver a MJML 4 o MJML 5 en cualquier momento.
Si usas CSS personalizado con MJML 6, en los selectores con más de seis segmentos opcionales > tbody > solo se conservan las formas que tienen todos esos segmentos o ninguno. Un anidamiento mixto a esa profundidad puede requerir un selector más sencillo. Los comentarios y el formato se conservan, así que el CSS exportado puede ser distinto del de versiones anteriores aunque los selectores apunten a los mismos elementos.
Mientras MJML Source Code está seleccionado, Preview HTML y el index.html que lo acompaña usan la misma versión de MJML que elijas en el desplegable.
El ajuste MJML Version solo se aplica a las exportaciones MJML Source Code. MJML 5 y MJML 6 son opcionales y no cambian tus otros formatos de exportación de Emailify.
Con el archivo MJML, a un desarrollador le resulta muy fácil abrirlo en su editor de código y hacer cambios o personalizaciones a mano, sin tener que lidiar con las tablas HTML compiladas, con las que es mucho más difícil trabajar.
Una vez hechos los cambios, se pueden compilar a HTML con alguno de los métodos que se explican en la sección de uso de la documentación de MJML.
Emailify minifica automáticamente las exportaciones HTML para reducir su peso al máximo, pero si exportas emails con la opción MJML Source Code seleccionada, puedes evitar la minificación desactivando el interruptor Minify HTML, y el plugin desactivará automáticamente la minificación para esos emails exportados.