> ## 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.

# Save your customized components and templates

> Easily save your components and templates inside of the plugin for use later.

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

<iframe width="100%" height="400" src="https://www.loom.com/embed/1829fac613e34284a75877dd4023a472" title="Save your customized components and templates" frameBorder="0" allowFullScreen />

### How to Save a Custom Component

<Steps>
  <Step title="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
  </Step>

  <Step title="Select Your Component">
    Click on the component you've customized in your Figma frame.
  </Step>

  <Step title="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).
  </Step>

  <Step title="Confirmation">
    You'll see a notification box saying "Adding to \[component type]" confirming the save.
  </Step>

  <Step title="Access Saved Components">
    Your saved component will now appear in that section of the plugin for future use.
  </Step>
</Steps>

### 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

<Steps>
  <Step title="Access Custom Categories">
    Navigate to the custom section of the plugin.
  </Step>

  <Step title="Create New Category">
    Click the "Create Category" button.
  </Step>

  <Step title="Name Your Category">
    Create categories based on email types such as:

    * Promotions
    * Newsletters
    * Transactional emails
    * Welcome series
    * Product announcements
  </Step>
</Steps>

### Saving Complete Email Templates

<Steps>
  <Step title="Select Entire Email">
    Instead of selecting individual components, select your complete email design.
  </Step>

  <Step title="Add Template">
    Click the "Add New Template" button.
  </Step>

  <Step title="Choose Category">
    You'll be taken to the category page where you can select the appropriate email type.
  </Step>

  <Step title="Save Template">
    The complete email template will be saved to your selected category.
  </Step>
</Steps>

### Using Saved Email Templates

<Steps>
  <Step title="Create New Frame">
    Start with a new frame in Figma.
  </Step>

  <Step title="Navigate to Category">
    Go to your custom categories section.
  </Step>

  <Step title="Select Template">
    Choose the email template you want to use.
  </Step>

  <Step title="Click Create">
    Click the "Create" button to rebuild the complete template in your frame.
  </Step>

  <Step title="Customize Content">
    Update the following elements to match your needs:

    * Images
    * Text content
    * Links and CTAs
  </Step>

  <Step title="Export">
    Once customized, export your email to your ESP as usual.
  </Step>
</Steps>

## 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.