メール署名には、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の優れたガイドを元にしています)に沿って、メールクライアントに署名をインストールできます。
Apple Mail(MacOS)にHTMLメール署名をインストールする方法

メールアプリを開いた状態で、画面左上のMail、Preferencesの順にクリックします。
表示された環境設定のポップアップでSignaturesタブをクリックします。
中央の列の下部にある + ボタンをクリックします。
右側の列に新しいメール署名をコピー&ペーストし、ポップアップウィンドウを閉じて保存します。
このプレビューでは画像が空白で表示されますが、メールを作成するときには読み込まれます。

Always match my default message fontのチェックが外れていることを確認してください。チェックが入っていると、署名がプレーンテキストで表示されます。
それでもプレーンテキストで表示される場合は、Place signature above quoted textチェックボックスを切り替えてから、もう一度署名を貼り付けてみてください。
ポップアップの下部にあるChoose Signatureフィールドで、新しい署名を選択します。
Preferencesのポップアップを閉じて新しいメールを作成すれば、新しい署名をお使いいただけます!

メールを作成するときに画像が表示されない場合は、プライバシー設定を開き、Block All Remote Contentのチェックが外れていることを確認してください。
Apple Mailをダークモードで使用している場合、署名にRetina画像が使われていると、(システムとメールの設定がどちらもダークモードになっていても)「受信」パネルで署名の背後に白い背景が表示されるという癖があります。画像をRetina(2x)ではなく等倍(1x)でエクスポートし、縮小などをしなければ白い背景は表示されなくなりますが、その代わり署名の画像がぼやけてしまいます。