Skip to content

Wrapper

If you need to wrap multiple ๐Ÿšฃ Row layers into a padded section with its own background color, you can move them inside of a ๐ŸŽ Wrapper layer to achieve this effect.

Wrapper layers can't be nested. ๐ŸŽ Wrapper layers can only be added directly to an โœ‰๏ธ Email frame, and can only contain one or more ๐Ÿšฃ Row layers inside of it.

Adding background images and/or gradients. You can add image and/or gradient background fills to any top level ๐Ÿšฃ Row, ๐Ÿฆธ Hero or ๐ŸŽ Wrapper. Applying background images/gradients to any other elements won't be included (eg. ๐Ÿ›๏ธ Column layers).

Wrapper Elements โ€‹

These options will be visible when a ๐ŸŽ Wrapper Figma layer is selected:

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.