メール署名には、HTMLで10,000文字までというサイズの上限があります。 署名をエクスポートしたあと、上限を超えている場合はプラグインで警告が表示されます。上限を超えないようにするには、EmailifyプラグインのFooterタブにあるSignatureスターターコンポーネントを活用してください。
残念ながら、「HTML Email Signature」のエクスポートでは、レスポンシブなモバイル用の上書き設定は反映されません。メールクライアントがCSSのstyleタグや@mediaクエリを取り除いてしまうためです（そのため、コードのエクスポートにも含まれません）。元のデザインの段階で、デスクトップとモバイルのどちらの幅でもきれいに見えるようバランスを取ることをおすすめします。
動画チュートリアル：FigmaからHTMLメール署名をデザインしてエクスポートする
この動画では、Emailifyプラグインを使い、 本番用のレスポンシブなHTMLメールをFigmaから デザインしてエクスポートする方法を紹介します。
EmailifyからHTML署名をエクスポートする
EmailifyプラグインでExport HTMLボタンをクリックしてエクスポートパネルを開き、ドロップダウンリストからHTML Email Signatureを選択します。次にExport to HTML Signatureボタンをクリックすると、Figmaで選択したメールのHTMLエクスポートが始まります。
Emailifyでメールの処理が終わると、確認メッセージが表示されます。Download your .zip fileボタンをクリックして.zipファイルをパソコンにダウンロードし、.zipを解凍すると、エクスポートしたファイルを確認できます。
HTMLメール署名をクリップボードにコピーする
EmailifyからHTMLメール署名をエクスポートして.zipファイルを解凍したら、preview-and-install.htmlファイルをGoogle Chromeで開きます（Safariなどほかのブラウザでは問題が起きることがあります）。プレビューページでCopy HTML Signatureボタンをクリックすると、HTML署名の内容がクリップボードに自動でコピーされます。
メールクライアントによっては、「生の」HTMLコードが必要な場合があります。その場合は、preview-and-install.htmlファイルのCopy HTML Signature (Raw Code) ボタンをクリックすると、生のHTMLとしてクリップボードにコピーできます。
HTMLをクリップボードにコピーしたら、以下の手順（SignatureHoundの優れたガイドを元にしています）に沿って、メールクライアントに署名をインストールできます。
Outlook.com（Webメール）にHTMLメール署名をインストールする方法
Outlook.comのアカウントにログインしたら、右上の設定（歯車）アイコンをクリックします。
サイドバーの設定メニューが開いたら、右下のView All Outlook Settingsをクリックします。
設定モーダルでMailタブを選択し、Compose and Replyタブを選択します。
署名エディターに新しいメール署名をコピー＆ペーストします。
Compose messages in HTML formatの設定が正しいこと、そしてこの署名を自動で使用するための該当するチェックボックスにチェックを入れていることを確認してください。
Saveをクリックし、設定モーダルを閉じます。
新しいメールを作成すれば、新しい署名をお使いいただけます！
Emailifyの関連ガイド
- 再利用できる署名のレイアウトを作る前に、Emailifyのデザインの基本を確認してください。
- 一連のワークフローについては、HTMLメールのデザインとエクスポートのチュートリアルをご覧ください。
- Figmaでデザインできるメール・署名用のHTMLについては、EmailifyのFigmaプラグインをご覧ください。