---
url: "/ja/emailify/elements/code.md"
description: "メールフレーム内のEmailifyのレイアウト要素の間に、カスタムコードのブロックを挿入します。"
---

# カスタムコード

> メールフレーム内のEmailifyのレイアウト要素の間に、カスタムコードのブロックを挿入します。

[Video](/assets/videos/emailify/content/custom-code-elements.mp4)

プラットフォーム固有のテンプレートタグや条件タグなど、✉️ **Email**フレーム内の要素の*間に*カスタムコードを追加する必要がある場合は、**🧑‍💻 Custom Code**レイヤーを挿入します。このレイヤーはFigmaのテキストレイヤーとして追加されるので、そこにカスタムコードを貼り付けると、メールをHTMLにエクスポートしたときにそのままのコードとして出力されます。

> **Warning:** **Codeレイヤーは入れ子にできません** 。**🧑‍💻 Custom Code**レイヤーは、メールデザイン内の🚣 Content Row、🦸 Hero、🎁 Row Wrapperレイヤーの*間に*カスタムコードのブロックを挿入するためのもので、✉️ **Email**フレームの直下にしか追加できません。

## 「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のレイヤーに応じて変わります。