Social Icons

Add social icon sets with preset or custom icons and link settings.

The 🐦 Social element layer lets you add linkable icons for any social network or platform.

Social Elements ​

These options will be visible when a 🐦 Social Figma layer is selected:

Social icon links allow you to add more linkable social icons to your existing 🐦 Social elements. There are a number of presets for popular social networks you can select from:

You can also add your own social icons. If the platform icon you'd like to use isn't included in the preset options, you can manually swap out the contents of any 🔗 Social Icon Link Figma frame layer and replace them with a new social icon vector.

  • 🔗 Facebook
  • 🔗 Twitter
  • 🔗 Instagram
  • 🔗 YouTube
  • 🔗 TikTok
  • 🔗 LinkedIn
  • 🔗 Github
  • 🔗 Pinterest
  • 🔗 Snap
  • 🔗 SoundCloud
  • 🔗 Twitch
  • 🔗 Tumblr
  • 🔗 Spotify
  • 🔗 Slack
  • 🔗 Discord
  • 🔗 Medium
  • 🔗 PayPal
  • 🔗 Flickr
  • 🔗 LINE
  • 🔗 WeChat
  • 🔗 VK
  • 🔗 Reddit
  • 🔗 Behance

You can add hyperlinks to your 🔗 Social Icon Link layers by clicking the Settings button in the Emailify plugin header, then clicking your 🔗 Social Icon Link layer; this lets you paste your URL into the link input field.

This URL will automatically be converted into an <a> link tag when the email is exported out to exported HTML.

Using the "Quick Add" feature to add new Emailify layers ​

Emailify lets you build out your designs using special layout blocks and content elements that are added as layers to your Figma designs, and allows them to be exported out to HTML from the plugin.

To add these layout blocks and content elements, ensure that you have created at least one Emailify frame, and then click on that frame to automatically reveal the Quick Add Element context menu at the bottom of the plugin, then click the desired element, and click the Add + button to add it to the selected layer.

The options that are available in the context menu will change based on your current Figma layer selection.

You can apply settings in bulk by opening Settings, then selecting multiple Emailify layers of the same type in Figma. Any setting you change will be applied to all selected layers.