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

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

「Quick Add」機能で新しいEmailifyレイヤーを追加する

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

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

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