---
url: "/ja/emailify/signatures/spark-mac.md"
description: "EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてSpark（MacOS）で使用できます。"
---

# Spark（MacOS）用のHTMLメール署名のエクスポートとインストール

> EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてSpark（MacOS）で使用できます。

> **Warning:** **メール署名には、HTMLで10,000文字までというサイズの上限があります。** 署名をエクスポートしたあと、上限を超えている場合はプラグインで警告が表示されます。上限を超えないようにするには、Emailifyプラグインの**Footer**タブにある**Signature**スターターコンポーネントを活用してください。

> **Note:** 残念ながら、**「HTML Email Signature」のエクスポートでは、レスポンシブなモバイル用の上書き設定は*反映されません***。メールクライアントがCSSのstyleタグや@mediaクエリを取り除いてしまうためです（そのため、コードのエクスポートにも含まれません）。元のデザインの段階で、デスクトップとモバイルのどちらの幅でもきれいに見えるようバランスを取ることをおすすめします。

### 動画チュートリアル：FigmaからHTMLメール署名をデザインしてエクスポートする

この動画では、Emailifyプラグインを使い、
  本番用のレスポンシブなHTMLメールをFigmaから
  デザインしてエクスポートする方法を紹介します。
  [Embedded media](https://www.youtube-nocookie.com/embed/dmjDTWiphWk)

## EmailifyからHTML署名をエクスポートする {#export-your-html-signature-from-emailify}

[Video](/assets/videos/emailify/export/export-email-signature.mp4)

Emailifyプラグインで**Export HTML**ボタンをクリックしてエクスポートパネルを開き、ドロップダウンリストから**HTML Email Signature**を選択します。次に**Export to HTML Signature**ボタンをクリックすると、Figmaで選択したメールのHTMLエクスポートが始まります。

Emailifyでメールの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックして`.zip`ファイルをパソコンにダウンロードし、`.zip`を解凍すると、エクスポートしたファイルを確認できます。

## HTMLメール署名をクリップボードにコピーする {#copy-your-html-email-signature-to-the-clipboard}

[Video](/assets/videos/emailify/export/copy-html-signature.mp4)

EmailifyからHTMLメール署名をエクスポートして`.zip`ファイルを解凍したら、`preview-and-install.html`ファイルを[Google Chrome](https://www.google.com/chrome/)で開きます（Safariなどほかのブラウザでは問題が起きることがあります）。プレビューページで**Copy HTML Signature**ボタンをクリックすると、HTML署名の内容がクリップボードに自動でコピーされます。

> **Tip:** メールクライアントによっては、「生の」HTMLコードが必要な場合があります。その場合は、`preview-and-install.html`ファイルの**Copy HTML Signature (Raw Code)** ボタンをクリックすると、生のHTMLとしてクリップボードにコピーできます。

> **Note:** HTMLをクリップボードにコピーしたら、以下の手順（[SignatureHound](https://signaturehound.com/)の優れたガイドを元にしています）に沿って、メールクライアントに署名をインストールできます。

## Spark（MacOS）にHTMLメール署名をインストールする方法 {#how-to-install-your-html-email-signature-in-spark-macos}

![Spark（MacOS）のアイコン](/assets/images/emailify/signatures/spark-macos.png)

1. Sparkアプリを開いた状態で、画面左上の**Mail**、**Preferences**の順にクリックします。

2. 表示された環境設定のポップアップで**Signature**タブをクリックします。既存の署名がない場合は、**Add Signature**ボタンをクリックします。

![署名が設定されていないSparkの設定モーダルのスクリーンショット](/assets/images/emailify/signatures/spark-macos-1.jpg)

3. 署名エディターに署名をコピー＆ペーストします。

![署名が設定されたSparkの設定モーダルのスクリーンショット](/assets/images/emailify/signatures/spark-macos-2.jpg)

> **Warning:** **Always match my default message font**のチェックが外れていることを確認してください。

4. 設定モーダルを閉じて新しいメールを作成すれば、新しい署名をお使いいただけます！

![Sparkにインストールされた署名のスクリーンショット](/assets/images/emailify/signatures/spark-macos-3.jpg)