Exporting your emails to MJML

You have the option to export your emails from Figma to MJML, which stands for Mailjet Markup Language, and is the source code for the .html that gets exported from Emailify.

Video Tutorial: Export emails from Figma to MJML code

This video walks through how to export emails from the Figma Emailify plugin to MJML code.

If you selected the MJML Source Code option when you exported your emails from the Emailify plugin, your exported email folder(s) will include an additional index.mjml alongside the regular HTML file.

Choose MJML 4 or MJML 5 ​

Use the MJML Version dropdown to choose whether the exported index.mjml uses MJML 4 or MJML 5 syntax. MJML 4 is selected by default for compatibility with existing MJML workflows; choose MJML 5 when your downstream compiler and tooling support MJML 5.

The companion index.html is compiled using the same MJML version selected for the source export.

The MJML Version setting only applies to MJML Source Code exports. MJML 5 is currently opt-in and does not change your other Emailify export formats.

Having the MJML file makes it really easy for a developer to open up the file in their code editor and make any manual updates or customisations, without needing to deal with the compiled HTML tables that are much harder to work with.

Once the updates have been made, they can be compiled into HTML by using one of a number of methods detailed in the usage section on the MJML documentation site.

Emailify will automatically minify HTML exports to reduce the file size as much as possible, but if you're exporting emails with the MJML Source Code option selected, you can skip minification by turning off the Minify HTML toggle, and the plugin will automatically turn off minification for those exported emails.