---
url: "/ja/emailify/elements/email.md"
description: "Emailフレームから始めて、行、ヒーロー、ラッパー、カスタムコードを追加します。"
---

# メールフレーム

> Emailフレームから始めて、行、ヒーロー、ラッパー、カスタムコードを追加します。

Emailifyのメールデザインはすべて、専用の空のメール用Figmaフレームから始まります。このフレームにEmailifyのレイアウト要素を配置していきます。

## Emailフレームの要素 {#email-frame-elements}

✉️ **Email**のFigmaレイヤーを選択すると、次のオプションが表示されます。

- 🚣 [コンテンツ行](/ja/emailify/elements/row)
- 🦸 [ヒーロー](/ja/emailify/elements/hero)
- 🎁 [行のラッパー](/ja/emailify/elements/wrapper)
- 🧑‍💻 [カスタムコード](/ja/emailify/elements/code)

> **Note:** **✉️ Emailフレームレイヤーに適用した背景色・背景画像・グラデーションは反映されません。** ただし、最上位の🚣 **Row**、🦸 **Hero**、🎁 **Wrapper**には、単色、画像、グラデーションの背景の塗りを追加できます。

## 「Quick Add」機能で新しいEmailifyレイヤーを追加する {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。

これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部に**Quick Add Element**コンテキストメニューが自動で表示されるので、追加したい要素をクリックし、**Add +** ボタンをクリックすると、選択したレイヤーに追加されます。

> **Tip:** コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。