動画チュートリアル:Figmaからエクスポートしたメールを各クライアントでテストする
この動画では、EmailifyプラグインとLitmus.comを使って、FigmaからエクスポートしたHTMLメールを各クライアントでテストする方法を紹介しています。
動画チュートリアル:Figmaからエクスポートしたメールをダークモードでテストする
この動画では、EmailifyプラグインとLitmus.comを使って、FigmaからエクスポートしたHTMLメールをダークモードでテストする方法を紹介しています。
動画チュートリアル:FigmaからエクスポートしたメールをGmailでテストする
この動画では、EmailifyプラグインとLitmus.comを使って、FigmaからエクスポートしたHTMLメールをGmailでテストする方法を紹介しています。
動画チュートリアル:Figmaからエクスポートしたメールをモバイルでテストする
この動画では、EmailifyプラグインとLitmus.comを使って、FigmaからエクスポートしたHTMLメールをモバイルでテストする方法を紹介しています。
動画チュートリアル:FigmaからエクスポートしたメールをOutlookでテストする
この動画では、EmailifyプラグインとLitmus.comを使って、FigmaからエクスポートしたHTMLメールをMicrosoft Outlookでテストする方法を紹介しています。
動画チュートリアル:PutsMailでFigmaのHTMLメールを自分宛てにテスト送信する
この動画では、EmailifyプラグインとPutsMail.comを使って、FigmaのHTMLメールを自分宛てにテスト送信する方法を紹介しています。
Emailifyプラグインに含まれるベースのデザインコンポーネントは、Litmusで事前にテストされており、主要なデスクトップ(Outlookを含む)とモバイルのメールクライアントできれいに表示されることを確認済みです。
それでも、送信前に問題なく表示されるかを確かめるため、Mailgun Inspect、Litmus、Email on Acidなどのサービスでご自身のメールをテストすることをおすすめします。
htmltest.emailなどのサービスを使って、エクスポートしたHTMLをアクセスできる受信トレイに送ることもできます。手順全体と制限事項については、受信トレイへの手動テスト送信をご覧ください。
プラグインのEmail Previewsを使う
メールのHTMLプレビューを開いてEmail Previewsを選択すると、Emailify内からメールクライアントのスクリーンショットをリクエストできます。
- チェックボックスの上にあるクライアントセレクターを使います。初回読み込み時はRecommended Clients (Default) が選択されています。Mobile Clients、Desktop Clients、Outlook Clients、Apple Clients、Web Clients、All Clientsを選んでから、個々のチェックボックスを調整することもできます。
- Preview NameとSubject Lineを入力します。
- Run Email Preview Testをクリックします。各クライアントの処理が終わるたびに、完成したスクリーンショットが表示されます。
- 結果を確認し、Download ZIPをクリックしてスクリーンショットとそのHTMLギャラリーを保存します。
1回のテストで選べるのは最大12クライアントです。グループにそれ以上含まれる場合は、選択された数がパネルに表示されるので、残りのクライアントは別途テストしてください。プリセットに含まれるのは、Emailifyが対応するサービスのカタログで利用できるクライアントだけです。チェックボックスを手動で変更するとCustom Selectionと表示されます。Gmail(Web)はGmail (Firefox) として利用でき、サービスがそのクライアントを返す場合はRecommendedに含まれます。送信者の行にはマスクがかかり、プロバイダーのブランド表示が置き換えられますが、メールのコンテンツはそのまま維持されます。
保存したテストを開き直すにはRecent Tests、クライアントの選択を調整するにはChange Clients、別のテストを準備するにはNew Testを使います。利用できるかどうかは、現在のEmailifyのライセンスまたはトライアルの残り回数によって異なります。これらのスクリーンショットはメールクライアントでの表示をテストするものであり、受信トレイへの振り分けや受信者への配信を保証するものではありません。
Mailgun Inspect連携を使う
Emailifyには専用のMailgun Inspect連携があり、生成したHTMLをFigmaから直接アップロードして、Mailgunアカウントで利用できるメールクライアントやデバイスでプレビューテストができます。
設定とアップロードの手順については、Mailgun InspectでHTMLメールをテストするをご覧ください。
Email on Acid連携を使う
2026年6月から、現在のEmail on Acidのサブスクリプション利用者は、順次Mailgun Inspectに移行します。
動画チュートリアル:FigmaからEmail on AcidにHTMLメールのテストをエクスポートする
この動画では、FigmaのEmailifyプラグインからEmail on AcidにHTMLメールのテストをアップロードする方法を紹介しています。
EmailifyにはEmail on Acidとの連携機能があり、FigmaプラグインからHTMLメールのテストをEmail on Acidのプロジェクトに直接アップロードできます。
Emailifyのエクスポートパネルで、ドロップダウンリストからEmail on Acidオプションを選択し、有効なEmail on AcidのAPIキーを貼り付けます。APIキーはEmail on Acidのアカウントページで生成できます。続いて、Emailifyのエクスポートオプションの2つ目のテキスト入力欄に、Email on Acidのアカウントのパスワード(Webサイトへのログインに使うもの)を貼り付けます。
準備ができたらSend To Email on Acidボタンをクリックします。Figmaで選択したメールのHTMLエクスポートが始まり、Email on Acidのプロジェクトに自動でアップロードされます。