Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Image - Add images with styling and hyperlink support in Emailify.. Machine-readable page: /emailify/elements/image.md.

Image

Add images with styling and hyperlink support in Emailify.

The 📷 Image element layer allows you to 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.

You can add hyperlinks to your 📷 Image layers by clicking the Settings button in the Emailify plugin header, then clicking on your 📷 Image layer; this will allow you to 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 allows you to 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.