---
url: "/ja/emailify/integrations/sendgrid.md"
description: "SendGrid対応のHTMLをAPIキーなしでZIPとしてダウンロードするか、SendGridのDesign Libraryにメールを直接アップロードします。"
---

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

> SendGrid対応のHTMLをAPIキーなしでZIPとしてダウンロードするか、SendGridのDesign Libraryにメールを直接アップロードします。

### 動画チュートリアル：SendGridにメールをアップロードする

この動画では、FigmaのEmailifyプラグインからSendGridにHTMLメールをアップロードする方法を紹介しています。
[Embedded media](https://www.youtube-nocookie.com/embed/cYYVO_3HT1U)

## ZIPをダウンロードする {#download-a-zip}

1. Emailifyのエクスポートパネルで**SendGrid (Zip)** を選び、メールのフレームを選択します。SendGridのAPIキーは不要です。
2. [画像ホスティングのオプション](/ja/emailify/export/images)を使って画像をアップロードするかどうかを選びます。
3. **Export For SendGrid**をクリックし、ファイルをダウンロードして解凍します。
4. 各メールの`index.html`を、SendGridのHTMLコードエディターにコピーします。ローカルの画像パスでエクスポートした場合は、送信前に画像をホストし、それらのパスを公開URLに置き換えてください。
5. SendGridからテスト送信し、受信者が使うメールクライアントで確認します。

どちらのSendGridオプションでも、古いOutlookクライアント向けの角丸ボタンの代替表示は含まれません。これらのクライアントではボタンの角が四角く表示され、CSSの角丸に対応しているクライアントでは角丸が保たれます。この互換性のための仕様によって、Outlookでの表示の問題がすべて解決されるわけではありません。

## APIでアップロードする {#upload-through-the-api}

Emailifyのエクスポートパネルで、ドロップダウンリストから**SendGrid (API)** オプションを選択し、有効なSendGridのAPIキーを貼り付けます。APIキーは、SendGridアカウントの[API Keys](https://app.sendgrid.com/settings/api_keys)設定ページで生成できます。

準備ができたら、**Upload To SendGrid**ボタンをクリックすると、Figmaで選択したメールのHTMLへのエクスポートが始まり、[SendGridのDesign Library](https://mc.sendgrid.com/design-library/your-designs)のテンプレートに自動でアップロードされます。