--- url: "/ja/emailify/export/zip.md" description: "EmailifyプラグインでFigmaのメールデザインが完成したら、本番用のHTMLコードと画像アセットをエクスポートし、.zipパッケージとしてコンピューターにダウンロードできます。" --- # FigmaからHTMLメールを.zipファイルにエクスポートする > EmailifyプラグインでFigmaのメールデザインが完成したら、本番用のHTMLコードと画像アセットをエクスポートし、.zipパッケージとしてコンピューターにダウンロードできます。 [Video](/assets/videos/emailify/export/export-html-with-metadata.mp4) デザインと設定に問題がなければ、Emailifyプラグインのヘッダーで**Export HTML**ボタンをクリックし、エクスポートしたいメールを選択して、必要に応じて[件名とプリヘッダーテキスト](/ja/emailify/export/subject-and-preheader)を追加すると、FigmaからメールをHTMLにエクスポートできます。 ## FigmaからHTMLメールを.zipファイルとしてエクスポート・ダウンロードする {#export-and-download-your-html-email-from-figma-as-a-zip-file} デフォルトでは**HTML Email**オプションが選択されています。このオプションでは、メールがコンパイル済みの本番用メール（CSSはすべてインライン化済み、HTMLは圧縮済み）としてエクスポートされます。 準備ができたら**Export To HTML**ボタンをクリックすると、Figmaで選択したメールのHTMLエクスポートが始まります。 Emailifyでメールの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックすると、`.zip`ファイルをダウンロードできます。 > **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。 ## エクスポートは完了したのにZIPがダウンロードされない場合 {#if-the-export-finished-but-the-zip-did-not-download} Emailifyのエクスポート完了画面が表示された場合、メールのエクスポート自体はすでに生成されています。まず、その完了画面からもう一度**Download your .zip file**をクリックしてください。 次に、Figmaの使用環境に合ったダウンロード先を確認します。 - Figmaデスクトップアプリでは、Figmaのネイティブの保存ダイアログを探し、ほかのウィンドウやデスクトップの裏に隠れていないか確認します。 - WebブラウザでFigmaを使っている場合は、ブラウザのダウンロード一覧と、コンピューターのデフォルトの**Downloads**フォルダを確認します。 それでもZIPが見つからない場合： 1. 正しいダウンロード先を確認したうえで、もう一度だけエクスポートを実行します。 2. 社内ネットワークを使っている場合は、ダウンロードの受け渡しがローカルで中断されている可能性があるため、別のWi-Fiネットワークや別のブラウザ・プライベートウィンドウを試してください。 3. 無料Proトライアルを1回消費したのにファイルが届かなかった場合は、それ以上再試行せずに、製品名、Figmaデスクトップとブラウザのどちらを使っていたか、エクスポート完了画面またはダウンロードの案内が表示されない画面のスクリーンショットを添えて、[adam@hypermatic.com](mailto:adam@hypermatic.com)までメールでご連絡ください。 最後の無料Proトライアルでエクスポートが完了した場合も、エクスポート完了画面からZIPをダウンロードできるはずです。トライアルの一般的なルールについては、[Hypermaticの無料Proトライアルを使う](/ja/faq/trials)をご覧ください。トライアルの使用状況やアカウント固有の確認について個別のサポートが必要な場合は、[Hypermaticの適切なサポート窓口を選ぶ](/ja/faq/contact-and-account-help)をご覧ください。 > **Info:** Emailifyは、デザイン内のテキストレイヤーにRTL（右から左）のスタイルが必要かどうかを自動で検出し、エクスポートしたメールのテキストコンテンツ領域に`dir="rtl"`のHTML属性を自動で適用します。 ## 貼り付けたテキスト内の隠し文字 {#hidden-characters-in-pasted-text} Emailifyは、プレビューとエクスポートの際に、テキスト、ボタン、ナビゲーションのラベルで通常の英字や数字の間に誤って入ったゼロ幅接合子・ゼロ幅非接合子を取り除きます。また、印字されない制御コードや先頭のバイトオーダーマークも削除します。元のFigmaテキストレイヤーは編集されません。 他言語で使われる文字、絵文字、テキストの方向、意図的な余白に使われる文字は維持されます。送信したメールに予期しない文字がまだ表示される場合は、該当する単語をFigmaで入力し直して再エクスポートし、メールプラットフォームがUTF-8エンコーディングで送信しているか確認してください。キャンペーンを送信する前に、送信プラットフォームを通して最終的なメールをテストしてください。 ## エクスポートしたHTMLメールの.zipパッケージを解凍して表示する {#unzipping-and-viewing-your-exported-html-email-zip-package} [Video](/assets/videos/emailify/export/review-html-export.mp4) Figmaから`.zip`ファイルをコンピューターにダウンロードしたら、ファイルエクスプローラーで保存先のディレクトリを開きます。エクスポートした`.zip`ファイルを**ダブルクリック**すると、中身が解凍されます。 `.zip`ファイルには、メールごとの`index.html`ファイルと、別フォルダの画像アセットが含まれています。ルートに生成される`index.html`ファイルを使うと、エクスポートしたすべてのメールを1つのプレビューページで確認できます。クライアントやチームメンバー向けに[Netlifyのプレビューリンクとしてアップロード](/ja/emailify/export/netlify)することもできます。 *プレビュー*ページの`index.html`ファイル、または各メールのフォルダ内にある`index.html`ファイルをダブルクリックすると、Webブラウザでファイルが開き、エクスポートしたHTMLをプレビューできます。 > **Note:** プラグインからエクスポートしたメールの.zipファイルには、HTMLメールのプレーンテキスト版が自動で含まれます。エクスポートした.zipファイルを解凍してメールのフォルダを開くと、`index.html`ファイルと同じ場所に`plain-text-version.txt`ファイルがあります。