メールデザインにソーシャルアイコンを追加する

メールデザインの任意のColumnレイヤー内に、カスタマイズ可能なアイコンリンクを横に並べたソーシャルアイコンを追加できます。

Columnレイヤーにソーシャルアイコンを追加する ​

メールの任意のColumnレイヤーにソーシャルアイコンのコンポーネントを追加できます。FigmaでColumnレイヤーをクリックし、Quick AddのドロップダウンメニューからSocialオプションを選択して、Add + ボタンをクリックすると、Column内に新しいソーシャルレイヤーがいくつかのソーシャルアイコンとともに自動的に作成されます。

Socialレイヤーにソーシャルアイコンを追加する ​

ソーシャルアイコンを追加することもできます。プラグインが作成した新しいSocialのFigmaレイヤーをクリックし、Quick Addのドロップダウンメニューからソーシャルアイコンのオプションを選択して、Add + ボタンをクリックすると、そのソーシャルアイコンが新しいソーシャルアイコンリンクとしてソーシャル要素に自動的に追加されます。

プラグインヘッダーのSettingsボタンを使って、ソーシャルアイコンにaltテキスト属性を設定したり、クリック可能なhrefのURLリンクを追加したりできます。

ソーシャルアイコンにカスタムのベクターアイコンレイヤーを使う ​

使いたいソーシャルプラットフォームのアイコンがプラグインのプリセット（上記のQuick Addの手順で使うもの）にない場合は、独自のSVGベクターレイヤーを、プラグインが作成した既存のソーシャルアイコンレイヤーの中にドラッグ＆ドロップします。そのあと、ソーシャルアイコンリンクレイヤー内にあった元のベクターアイコンを削除するか非表示にしてください。

プラグインヘッダーのSettingsボタンを使って、ソーシャルアイコンにaltテキスト属性を設定したり、クリック可能なhrefのURLリンクを追加したりできます。