Email Frame

Start with the Email frame and add rows, heroes, wrappers, and custom code.

Every email design in Emailify starts with a special blank email Figma frame, which you'll be able to fill up with Emailify layout elements.

Email Frame Elements ​

These options will be visible when an ✉️ Email Figma layer is selected:

Applying background colors/images/gradients to ✉️ Email frame layers won't be included. However, you can add solid color, image and/or gradient background fills to any top level 🚣 Row, 🦸 Hero or 🎁 Wrapper.

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.