ラッパー

Wrapperセクションを使い、複数の行をパディングや背景付きでまとめます。

複数の🚣 Rowレイヤーを、独自の背景色を持つパディング付きのセクションでまとめたい場合は、それらを🎁 Wrapperレイヤーの中に移動します。

Wrapperレイヤーは入れ子にできません 。🎁 Wrapperレイヤーは✉️ Emailフレームの直下にしか追加できず、内部に含められるのは1つ以上の🚣 Rowレイヤーだけです。

背景画像やグラデーションを追加する 。🚣 Row、🏛️ Column、🦸 Hero、🎁 Wrapperレイヤーには、画像やグラデーションの背景の塗りを追加できます。なお、未加工のmjmlとloopsのエクスポートでは、引き続きColumnの背景画像の属性は出力されません。

Wrapperの要素 ​

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

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

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

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

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