Save your customized components and templates

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

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