Skip to main content
Most exports produce one complete HTML email. HTML Content Blocks (ZIP) is different: it splits your template into its top-level sections and exports each one as its own standalone, fully-styled HTML file, delivered together in a ZIP. This is useful when you want reusable building blocks instead of a finished email, for example:
  • Pasting individual sections (header, hero, product grid, footer) into an ESP’s block or snippet library
  • Maintaining a library of approved, on-brand sections your team can mix and match
  • Handing a CMS or internal tool one section at a time

How Blocks Are Split

Each visible top-level layer inside your email frame becomes one HTML file, and each file is named after that layer. So if your frame contains layers named Header, Hero, Product Grid, and Footer, the ZIP contains four HTML files with those names.
Name your top-level layers clearly in Figma before exporting. The layer names become the file names in the ZIP.
Every block is standalone: each file carries its own styles, so a block renders correctly on its own without needing the rest of the email.

How to Export Content Blocks

1

Select your email frame

Select your email frame in Figma.
2

Open the export panel

Launch the Email Love plugin and click the blue Export button.
3

Pick HTML Content Blocks (ZIP)

From the dropdown menu, select HTML Content Blocks (ZIP).
4

Choose your image handling

Choose your image handling, just like a plain HTML export: local image files, or hosted images with CDN URLs embedded in the code (see Image Hosting).
5

Export

Click Export Content Blocks. A ZIP downloads containing one HTML file per top-level section.

Notes

  • Copy code is unaffected. The copy-to-clipboard flow always copies the full email HTML. Content blocks apply to the download export only.
  • Blocks reflect the current design. Re-export after design changes to regenerate the files. Old ZIPs are not updated automatically.
If you have questions or run into issues, reach out to support@emaillove.com.