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: Spacer - Insert spacer elements to add custom vertical gaps between content.. Machine-readable page: /emailify/elements/spacer.md.

Spacer

Insert spacer elements to add custom vertical gaps between content.

The 📐 Spacer element layer lets you add an extra amount of space between elements inside of your content areas, where the default Figma auto-layout item spacing distribution needs to be modified for a particular part of the content (for example, you would like to add extra space just before a CTA button).

Add even spacing using Figma auto-layout. Where possible, using Figma's auto-layout item spacing to evenly create spacing between your content is preferable to using 📐 Spacer elements, as this will reduce the amount of extra code needed to create spacing.

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.