Skip to main content
The Email Love Figma plugin allows you to save and reuse your customized email components for faster design workflows.

​
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 on the component you’ve customized in your Figma frame.
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.

​
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

Instead of selecting individual components, select your complete email design.
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.