Exporter vos emails en MJML

Vous pouvez exporter vos emails depuis Figma en MJML (Mailjet Markup Language), le code source du fichier .html exporté par Emailify.

Tutoriel vidéo : exporter des emails de Figma en code MJML

Cette vidéo montre comment exporter des emails en code MJML depuis le plugin Figma Emailify.

Si vous avez sélectionné l’option MJML Source Code lors de l’export de vos emails depuis le plugin Emailify, chaque dossier d’email exporté contient un fichier index.mjml supplémentaire à côté du fichier HTML habituel.

Choisir une version de MJML ​

Utilisez la liste déroulante MJML Version pour choisir si le fichier index.mjml exporté utilise MJML 4, MJML 5 ou MJML 6. MJML 4 est sélectionné par défaut pour rester compatible avec les workflows MJML existants ; choisissez MJML 5 lorsque votre compilateur et vos outils en aval prennent en charge MJML 5.

MJML 6 utilise MJML 6.0.0-alpha.1 et est destiné aux tests avec des outils en aval compatibles. Cette version alpha modifie le HTML généré et certains styles par défaut : vérifiez donc votre aperçu et l’email exporté avant de l’utiliser dans une campagne. Vous pouvez revenir à MJML 4 ou MJML 5 à tout moment.

Avec du CSS personnalisé sous MJML 6, les sélecteurs comportant plus de six segments facultatifs > tbody > ne conservent que les formes qui contiennent tous ces segments ou aucun. Une imbrication mixte à cette profondeur peut nécessiter un sélecteur plus simple. Les commentaires et la mise en forme sont conservés : le CSS exporté peut donc différer de celui des versions précédentes, même lorsque les sélecteurs ciblent les mêmes éléments.

Tant que MJML Source Code est sélectionné, Preview HTML et le fichier index.html associé utilisent la version de MJML choisie dans la liste déroulante.

Le réglage MJML Version ne s’applique qu’aux exports MJML Source Code. MJML 5 et MJML 6 sont facultatifs et ne modifient pas vos autres formats d’export Emailify.

Avec le fichier MJML, un développeur peut très facilement l’ouvrir dans son éditeur de code et y apporter des modifications ou personnalisations manuelles, sans avoir à manipuler les tableaux HTML compilés, bien plus difficiles à travailler.

Une fois les modifications faites, le fichier peut être compilé en HTML avec l’une des méthodes décrites dans la section Usage de la documentation MJML.

Emailify minifie automatiquement les exports HTML pour réduire au maximum le poids du fichier. Mais si vous exportez des emails avec l’option MJML Source Code sélectionnée, vous pouvez désactiver la minification en désactivant l’interrupteur Minify HTML : le plugin désactivera automatiquement la minification pour ces emails exportés.