The 📷 Image element layer lets you include image content into your emails. These can be styled in Figma to swap out the image content, or add styles like border radiuses or image fill overlays.

Add hyperlinks to image layers

You can add hyperlinks to your 📷 Image layers by clicking the Settings button in the Emailify plugin header, then clicking your 📷 Image 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.