🐦 Social要素レイヤーを使うと、任意のソーシャルネットワークやプラットフォームへのリンク付きアイコンを追加できます。
Socialの要素
🐦 SocialのFigmaレイヤーを選択すると、次のオプションが表示されます。
ソーシャルアイコンリンク
Social Icon Linkを使うと、既存の🐦 Social要素にリンク付きのソーシャルアイコンを追加できます。人気のソーシャルネットワーク向けに、次のようなプリセットから選べます。
独自のソーシャルアイコンを追加することもできます 。使いたいプラットフォームのアイコンがプリセットのオプションにない場合は、任意の🔗 Social Icon LinkのFigmaフレームレイヤーの中身を手動で差し替え、新しいソーシャルアイコンのベクターに置き換えられます。
- 🔗 YouTube
- 🔗 TikTok
- 🔗 Github
- 🔗 Snap
- 🔗 SoundCloud
- 🔗 Twitch
- 🔗 Tumblr
- 🔗 Spotify
- 🔗 Slack
- 🔗 Discord
- 🔗 Medium
- 🔗 PayPal
- 🔗 Flickr
- 🔗 LINE
- 🔗 VK
- 🔗 Behance
ソーシャルアイコンリンクのレイヤーにハイパーリンクを追加する
🔗 Social Icon Linkレイヤーにハイパーリンクを追加するには、EmailifyプラグインのヘッダーにあるSettingsボタンをクリックし、🔗 Social Icon Linkレイヤーをクリックします。リンクの入力欄にURLを貼り付けられるようになります。
メールをHTMLにエクスポートすると、このURLは自動的に<a>リンクタグに変換されます。
「Quick Add」機能で新しいEmailifyレイヤーを追加する
Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。
これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部にQuick Add Elementコンテキストメニューが自動で表示されるので、追加したい要素をクリックし、Add + ボタンをクリックすると、選択したレイヤーに追加されます。
コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。
Settingsを開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、設定を一括で適用できます。変更した設定は、選択したすべてのレイヤーに適用されます。