Skip to main content
The Email Love Figma plugin allows you to save and reuse your customized email components for faster design workflows.
Before you save anything, be clear on whether you’re saving a module (one Wrapper) or an email template (the whole email frame). The two use different routes and behave differently once saved. Modules vs. email templates explains the difference and what goes wrong if you pick the wrong one.

​
How to Save a Custom Component

1

Select Component Type

Choose the component type that best matches what you want to save:
  • Hero
  • Single Column
  • Multi-Column
  • Receipt
  • Image
  • Other component types
2

Select Your Component

Click the Wrapper you’ve customized in your Figma frame, not a Section or Column inside it. If the save button stays greyed out, you’ve selected something below Wrapper level.
3

Save the Component

Click the blue button in the corresponding section of the plugin (e.g., click the blue button in the “Hero” section if saving a hero component).
4

Confirmation

You’ll see a notification box saying “Adding to [component type]” confirming the save.
5

Access Saved Components

Your saved component will now appear in that section of the plugin for future use.

​
Using Your Saved Components

  1. Create New Email: Start by creating a new frame in Figma
  2. Select Saved Component: Navigate to the appropriate section in the plugin and select your saved component
  3. Add to Frame: The plugin will add a copy of your customized component to your new frame

​
Managing Saved Components

  • Remove Components: Click the small “X” icon next to any saved component to delete it
  • Unlimited Storage: Save as many customized components as you need within the plugin

​
Save Custom Email Templates

The plugin’s “Customs” section has been enhanced with category organization, enabling you to save a range of template types.
Customs only accepts a whole email frame. Select a Wrapper and you’ll get a “Please select valid email template” error. Don’t work around it by putting that Wrapper in an email frame on its own: a one-block email overwrites the theme colours, subject line and preview text of any email someone inserts it into. See modules vs. email templates.

​
Creating Custom Categories

1

Access Custom Categories

Navigate to the custom section of the plugin.
2

Create New Category

Click the “Create Category” button.
3

Name Your Category

Create categories based on email types such as:
  • Promotions
  • Newsletters
  • Transactional emails
  • Welcome series
  • Product announcements

​
Saving Complete Email Templates

1

Select Entire Email

Select the whole email frame, not a Wrapper inside it.
2

Add Template

Click the “Add New Template” button.
3

Choose Category

You’ll be taken to the category page where you can select the appropriate email type.
4

Save Template

The complete email template will be saved to your selected category.

​
Using Saved Email Templates

1

Create New Frame

Start with a new frame in Figma.
2

Navigate to Category

Go to your custom categories section.
3

Select Template

Choose the email template you want to use.
4

Click Create

Click the “Create” button to rebuild the complete template in your frame.
5

Customize Content

Update the following elements to match your needs:
  • Images
  • Text content
  • Links and CTAs
6

Export

Once customized, export your email to your ESP as usual.

​
Benefits of Custom Components & Templates

​
Time Efficiency

  • Reuse proven designs across multiple campaigns
  • Eliminate repetitive design work
  • Maintain design consistency

​
Organization

  • Categorize templates by email type or campaign
  • Keep frequently used components easily accessible
  • Build a library of your best-performing designs

​
Team Collaboration

  • Share component libraries across team members
  • Standardize design elements across campaigns
  • Maintain brand consistency at scale

​
Best Practices

​
Component Organization

  • Use descriptive names for saved components
  • Regularly clean up unused components
  • Group similar components together

​
Template Management

  • Create meaningful category names
  • Save templates after they’ve proven successful
  • Include version notes or dates in template names when helpful

​
Workflow Integration

  • Test saved components before major campaigns
  • Update templates when brand guidelines change
  • Share successful templates with team members
This feature significantly streamlines the email design process by allowing you to build a personalized library of components and templates that match your brand and campaign needs.