---
url: "/ja/emailify/export/mjml.md"
description: "Figmaからメールを[MJML](http://mjml.io/)にエクスポートすることもできます。MJMLはMailjet Markup Languageの略で、Emailifyからエクスポートされる`.html`のソースコードです。"
---

# メールをMJMLにエクスポートする

> Figmaからメールを[MJML](http://mjml.io/)にエクスポートすることもできます。MJMLはMailjet Markup Languageの略で、Emailifyからエクスポートされる`.html`のソースコードです。

### 動画チュートリアル：FigmaからメールをMJMLコードにエクスポートする

この動画では、FigmaのEmailifyプラグインからメールをMJMLコードにエクスポートする方法を解説します。
[Embedded media](https://www.youtube-nocookie.com/embed/_y9-1IvtlH8)

[Video](/assets/videos/emailify/export/export-mjml-code.mp4)

Emailifyプラグインからメールをエクスポートするときに**MJML Source Code**オプションを選択した場合、エクスポートされたメールのフォルダには、通常のHTMLファイルに加えて`index.mjml`が含まれます。

## MJMLのバージョンを選ぶ {#choose-an-mjml-version}

**MJML Version**ドロップダウンで、エクスポートする`index.mjml`に**MJML 4**、**MJML 5**、**MJML 6**のどれを使うかを選びます。既存のMJMLワークフローとの互換性のため、初期設定ではMJML 4が選択されています。後工程のコンパイラーやツールがMJML 5に対応している場合は、MJML 5を選んでください。

**MJML 6**はMJML 6.0.0-alpha.1を使っており、対応する後工程のツールでのテストを目的としています。このアルファ版では生成されるHTMLと一部の標準スタイルが変わるため、キャンペーンで使う前にプレビューとエクスポートしたメールを確認してください。MJML 4やMJML 5にはいつでも戻せます。

MJML 6でカスタムCSSを使う場合、省略可能な`> tbody >`セグメントが6つより多いセレクターでは、それらのセグメントをすべて含む形と1つも含まない形だけが残ります。その深さで入れ子が混在している場合は、よりシンプルなセレクターが必要になることがあります。コメントと書式は保持されるため、セレクターが同じ要素に一致する場合でも、エクスポートされるCSSが以前のバージョンと異なることがあります。

**MJML Source Code**を選択している間は、**Preview HTML**と付随する`index.html`にも、ドロップダウンで選んだのと同じMJMLのバージョンが使われます。

> **Info:** MJML Versionの設定が適用されるのは、**MJML Source Code**のエクスポートだけです。MJML 5とMJML 6はオプトイン方式で、Emailifyのほかのエクスポート形式には影響しません。

MJMLファイルがあれば、開発者はコードエディターでファイルを開いて手動で更新やカスタマイズをするのがとても簡単になります。扱いがずっと難しい、コンパイル済みのHTMLテーブルに対処する必要はありません。

更新が済んだら、MJMLのドキュメントサイトの[使い方のセクション](https://documentation.mjml.io/#usage)で紹介されているいずれかの方法で、HTMLにコンパイルできます。

> **Tip:** Emailifyは、ファイルサイズをできるだけ小さくするためにHTMLのエクスポートを自動でミニファイします。ただし、**MJML Source Code**オプションを選択してメールをエクスポートする場合は、**Minify HTML**トグルを*オフ*にするとミニファイをスキップでき、プラグインはエクスポートするそれらのメールのミニファイを自動でオフにします。