Content Column

Use content columns inside rows to hold text, images, buttons, and other elements.

🏛️ Content elements and are used to create a single or multiple column layouts which hold the actual content layers.

Column layers can't be nested. 🏛️ Column elements can only be added directly inside of 🚣 Row layers. If you need multiple rows of columns, you need to create brand new 🚣 Row for each row of columns you need.

🏛️ Column layers can include background images and gradients in Emailify preview and HTML-rendered exports. You can also add image and/or gradient background fills to top level 🚣 Row, 🦸 Hero and 🎁 Wrapper layers. Raw mjml and loops exports still omit Column background image attributes.

Column Content Elements ​

These options will be visible when a 🏛️ Column Figma layer is selected:

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.