> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add wrappers, sections, and content

> Use the Build Your Own section to add empty wrappers, sections, and columns.

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.

<Tip>
  **Building with Claude or Codex?** Let the agent choose from your published Email Love components. It should not draw its own Wrapper, Section, or Column structure. If no component fits, ask it to stop and show you the gap. See [Build Emails in Figma with Claude or Codex](/plugin/ai/agents-in-figma).
</Tip>

<iframe width="100%" height="400" src="https://www.loom.com/embed/6b2db15e31b0445ea2d84a9ccfcbbfbf" title="Add wrappers, sections, and content" frameBorder="0" allowFullScreen />

## Steps to Add an Empty Section

<Steps>
  <Step title="Select your Email Frame">
    Select it in Figma to activate the plugin's layout options.
  </Step>

  <Step title="Open the Build Your Own tab">
    Find it in the Email Love plugin sidebar.
  </Step>

  <Step title="Choose a layout type">
    * **Single Column**
    * **Two Column**
    * **Three Column**
    * **Four Column**
    * or a **Hero Section with a background image**
  </Step>

  <Step title="Customize the padding">
    Once selected, you'll be prompted to customize the **padding** around the new section using simple visual controls.
  </Step>

  <Step title="Click Add New Component">
    This inserts your empty section into the design.
  </Step>
</Steps>

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.

## Diagnose a Structure Problem with an Agent

Claude or Codex can inspect the hierarchy without changing your file:

```text theme={null}
Inspect the Email Love structure in this Figma frame: [frame link].
Do not edit the canvas. Find incorrect nesting, unrecognized helper frames,
fixed-height text containers, detached instances, and content that may flatten
into an image on export. Return the layer names and the smallest safe fix.
```

Use the [Email Love agent setup](/plugin/ai/agents-in-figma) first, or see [Get Help from Claude or Codex](/plugin/ai/agent-help) for a complete diagnosis workflow.