メールアプリ（iOS）用のHTMLメール署名のエクスポートとインストール

EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてiOSのメールアプリで使用できます。

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

メールアプリ（iOS）にHTMLメール署名をインストールする方法 ​

メールアプリ（iOS）のアイコン
  1. iOSデバイスでSettingsアプリを開き、検索バーにSignatureと入力して、Apps > Mailの下にあるSignatureの設定を開きます。Mail > Signatureの順に手動で開くこともできます。
Apple Mail（MacOS）の署名モーダルのスクリーンショット
  1. 署名エディターに署名を貼り付けます。メールアカウントが複数ある場合は、正しいアカウントの署名欄を使っていることを確認してください。既存のテキストを先に削除してから、エディター内を長押ししてPasteをタップします。

Appleのユニバーサルクリップボード機能を使えば、Macで（上記の手順に沿って）HTMLメール署名をコピーし、iPhoneのApple Mailアプリに貼り付けられます（両方のデバイスでWi-FiとBluetoothを有効にしておいてください）。

メールの設定に表示された署名のスクリーンショット

貼り付けた署名が大きすぎたり、書式が崩れて見えたりする場合は、iOSのUndoを1回使うと、メールアプリが書式を更新します。いちばん簡単なのは、キーボードのUndo矢印をタップする方法です。表示されない場合は、Undo Change Attributesのプロンプトが表示されるまでiPhoneを軽く振ってUndoをタップするか、3本指で左にスワイプして取り消します。そのあと、署名の書式が自動で更新されます。

iPhoneを振ってApple Mailの署名の書式変更を取り消す様子のアニメーション
  1. Settingsを閉じてMailアプリを開き、新しいメールを作成して署名が機能していることを確認します。メールアカウントが複数ある場合、署名はSettingsで貼り付けたときと同じFromアドレスを選んだときに表示されます。
メールの設定に表示された署名のスクリーンショット

Apple Mailをダークモードで使用している場合、署名にRetina画像が使われていると、（システムとメールの設定がどちらもダークモードになっていても）「受信」パネルで署名の背後に白い背景が表示されるという癖があります。画像をRetina（2x）ではなく等倍（1x）でエクスポートし、縮小などをしなければ白い背景は表示されなくなりますが、その代わり署名の画像がぼやけてしまいます。