画像

Emailifyで、スタイル設定とハイパーリンクに対応した画像を追加します。

📷 Image要素レイヤーを使うと、メールに画像コンテンツを含められます。Figmaで画像の内容を差し替えたり、角丸や画像塗りのオーバーレイなどのスタイルを加えたりできます。

📷 Imageレイヤーにハイパーリンクを追加するには、EmailifyプラグインのヘッダーにあるSettingsボタンをクリックし、📷 Imageレイヤーをクリックします。リンクの入力欄にURLを貼り付けられるようになります。

メールをHTMLにエクスポートすると、このURLは自動的に<a>リンクタグに変換されます。

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

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

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

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

Settingsを開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、設定を一括で適用できます。変更した設定は、選択したすべてのレイヤーに適用されます。