Use the Build Your Own tab to drop in a flexible, empty section anywhere in your email layout. Choose from common layouts like single, two, or three columns, then customize the padding and add your own content—text, images, buttons, and more.
You can add an empty section at any time to build out your design from scratch.
Steps to Add an Empty Section
- Select your Email Frame in Figma to activate the plugin’s layout options.
- Open the Build Your Own tab in the Email Love plugin sidebar.
- Choose a layout type:
- Single Column
- Two Column
- Three Column
- Four Column
- or a Hero Section with a background image
- Once selected, you’ll be prompted to customize the padding around the new section using simple visual controls.
- Click Add New Component to insert your empty section into the design.
This creates a new mj-wrapper containing an mj-section and the appropriate number of mj-columns based on the layout you chose.
Adding More Layers
- To add a new Section: Select the Wrapper, then choose another layout from the plugin.
- To add a Column: Select the Section and insert a new Column to adjust your layout structure.
- To add content: Select a Column and insert elements like:
- Text
- Images
- Buttons
- Dividers
- Spacers
- Tables
- Navigation
- Social Icons
This modular structure lets you build custom email layouts with total flexibility—great for both quick iterations and fully tailored designs.
Powered by