Video-Tutorial: E-Mails aus Figma als MJML-Code exportieren
Dieses Video zeigt, wie du E-Mails aus dem Figma-Plugin Emailify als MJML-Code exportierst.
Wenn du beim Export deiner E-Mails aus dem Emailify-Plugin die Option MJML Source Code ausgewählt hast, enthalten deine exportierten E-Mail-Ordner neben der normalen HTML-Datei zusätzlich eine index.mjml-Datei.
Eine MJML-Version auswählen
Wähl im Dropdown MJML Version, ob die exportierte index.mjml MJML 4, MJML 5 oder MJML 6 nutzt. Standardmäßig ist MJML 4 ausgewählt, damit es mit bestehenden MJML-Workflows kompatibel bleibt. Wähl MJML 5, wenn dein nachgelagerter Compiler und deine Tools MJML 5 unterstützen.
MJML 6 nutzt MJML 6.0.0-alpha.1 und ist für Tests mit kompatiblen nachgelagerten Tools gedacht. Die Alpha-Version verändert das erzeugte HTML und einige Standardstile. Prüf also deine Vorschau und die exportierte E-Mail, bevor du sie in einer Kampagne einsetzt. Du kannst jederzeit zu MJML 4 oder MJML 5 zurückwechseln.
Wenn du eigenes CSS mit MJML 6 verwendest, behalten Selektoren mit mehr als sechs optionalen > tbody >-Segmenten nur die Formen, die alle oder keines dieser Segmente enthalten. Gemischte Verschachtelungen in dieser Tiefe brauchen eventuell einen einfacheren Selektor. Kommentare und Formatierung bleiben erhalten. Exportiertes CSS kann sich daher von früheren Versionen unterscheiden, auch wenn die Selektoren dieselben Elemente treffen.
Solange MJML Source Code ausgewählt ist, nutzen Preview HTML und die begleitende index.html dieselbe MJML-Version, die du im Dropdown auswählst.
Die Einstellung MJML Version gilt nur für Exporte mit MJML Source Code. MJML 5 und MJML 6 musst du ausdrücklich auswählen. Sie ändern deine anderen Exportformate in Emailify nicht.
Mit der MJML-Datei kann ein Entwickler sie ganz einfach im Code-Editor öffnen und manuell aktualisieren oder anpassen, ohne sich mit den kompilierten HTML-Tabellen herumschlagen zu müssen, mit denen sich viel schwerer arbeiten lässt.
Sind die Änderungen fertig, lassen sie sich mit einer der Methoden, die im Abschnitt „Usage“ der MJML-Dokumentation beschrieben sind, zu HTML kompilieren.
Emailify minimiert HTML-Exporte automatisch, um die Dateigröße so weit wie möglich zu verringern. Wenn du E-Mails mit ausgewählter Option MJML Source Code exportierst, kannst du die Minimierung aber überspringen, indem du den Schalter Minify HTML ausschaltest. Dann schaltet das Plugin die Minimierung für diese exportierten E-Mails automatisch ab.