メール署名には、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 2019(Windows)にHTMLメール署名をインストールする方法

Outlookは、メールの表示にMicrosoft Wordのレンダリングエンジンを使っていることで知られており、署名のプレビューとの違いが生じます。 余白やフォントサイズが少し異なって表示され、画像はつぶれることが多く、リンクには下線が追加されます。多くの受信者には、リンクに設定した色に関係なく、青い下線付きで表示されます。
メール署名を「ピクセルパーフェクト」に表示することを重視する場合は、Outlook.comのようなHTMLレンダリングエンジンを使う別のメールクライアントをおすすめします。
Outlookを開いた状態でNew Emailボタンをクリックし、メールの作成画面を開きます。
メッセージのツールバーでSignatureをクリックし、Signaturesを選択して署名の設定モーダルを開きます。

編集したい既存の署名を選択するか、Newをクリックして新しい署名を作成します。
署名エディターに署名をコピー&ペーストします。

OKをクリックして署名の設定モーダルを閉じます。
メッセージのツールバーのSignatureの下に署名が表示されるようになります。このドロップダウンで署名をクリックすると、メール本文に挿入されます。
