Figma is a powerful tool for designers, and with the help of plugins, its capabilities can be expanded even further.
In this article, we have compiled a top 10 of the most useful plugins that will help you save time, increase efficiency, and create higher-quality projects.

## [Mockup Plugin](https://www.figma.com/community/plugin/817043359134136295/mockup-plugin-devices-mockups-print-mockups-ai-mockups) 

<Img
img="/api/uploads/figma_mockup_706f96370e.jpg"
alt="Mockup plugin"
/>

A tool for creating mockups.  

- It offers a large library where you can find device templates, branded elements, and other unique solutions. Some mockups come with customizable options, allowing you to change size or color. You can also create your own templates.  
- The plugin includes AI features: after uploading a [**logo**](https://altcraft.com/glossary/logo-what-it-is-and-how-to-create-it) or entering text, it generates a ready-made mockup.  
- You can edit existing mockups as well.  
- Installation is free, with a [**subscription**](https://www.ls.graphics/unlimited-access) for unlimited access to the entire library available at $10 per month.

## [Batch Styler](https://www.figma.com/community/plugin/818203235789864127/batch-styler)  

<Img
img="/api/uploads/figma_batch_styler_bd19fabb54.jpg"
alt="Batch Styler плагин"
/>

A free plugin for editing colors and styles.

- It allows you to simultaneously modify multiple text and color styles, including fonts, sizes, hue, saturation, brightness, transparency, font families, and HEX color codes.  
- You can delete, adjust, and edit style descriptions for better library organization.  

## [Styles & Variables Viewer](https://www.figma.com/community/plugin/1332412206147274506/export-styles-and-variables-to-css)

<Img
img="/api/uploads/figma_styles_variables_0357b65b37.jpg"
alt="Styles and Variables plugin"
/>

After you update the styles, you can proceed with exporting them into CSS. Our plugin, styles&variables viewer, will assist you in this. It can replace Figma's dev mode and is even more convenient in some aspects.
It displays all variables and styles from any collection in a developer-friendly format — JSON, CSS variables, or CSS classes.

There are three available modes:

- Output of all Figma variables.
- Output of all Figma styles.
- Output of styles for the selected element.

Moreover, when selected, the following will be displayed:

- All of its CSS styles.
- If it's a text layer, the text is shown for easy copying.
- If the layer has a background image, there's a button to export the original image.
- If two layers are selected, it displays their dimensions and the distance between them.

## [Dark Me](https://www.figma.com/community/plugin/1210863977149285175/dark-me)

<Img
img="/api/uploads/figma_darkme_977ccc3dd6.jpg"
alt="Darkme plugin"
/>

A plugin for creating dark themes for user interfaces or emails.  

- It automatically adjusts element colors to make the background dark and the text light.
- There's also an option for full brightness inversion.  
- Filters for hue, saturation, and brightness are available, allowing you to make changes with just a couple of clicks.  
- The plugin is free to install.

## [PixCraft Email Generator](https://pixcraft.io/ru/figma)

<Img
img="/api/uploads/figma_email_generator_64873a39be.jpg"
alt="Email generator plugin"
/>

A plugin for creating emails.  

- **It allows you to easily create ready-to-send HTML emails.** The plugin ensures correct display in any email client, including mobile devices and all versions of Outlook. Additionally, mobile responsiveness can be flexibly customized.

- **A large collection of ready-made assets.** The library offers over 100 components, such as content blocks, email headers and footers, buttons, images, text blocks, dividers, and AMP components. You can also create your own assets and organize them into categories.  

- **Preview functionality.** You can check how the email appears on various mobile device widths and in dark mode, all without leaving the plugin.  

- **Export options.** You can export your design directly from the plugin to platforms like Altcraft, Mailchimp, Klaviyo, SendGrid, SendPulse, and others. If you don't find a suitable ESP in the list, you can export as a zip archive.

- [**AMP**](https://pixcraft.io/blog/what-amp-emails-are-and-how-they-are-changing-email-marketing) **support.** In addition to standard HTML, you can export [**AMP HTML**](https://pixcraft.io/blog/how-to-implement-amp-emails-into-your-email-strategy). You can add interactive elements like forms and carousels to emails. 

## [Iconify](https://www.figma.com/community/plugin/735098390272716381/iconify)

<Img
img="/api/uploads/figma_iconify_e42c5c1996.jpg"
alt="iconify plugin"
/>

A vector icon library.

- Over 200,000 icons and 150 icon sets.
- You can import icons or simply drag them from the plugin directly into Figma.
- Selected icons can easily be replaced.
- Icons are always imported in SVG format at no extra cost.
- The plugin remembers the last page you visited, making it easy to continue your search.

## [Isometric](https://www.figma.com/community/plugin/741184519069077841/)

<Img
img="/api/uploads/figma_isometric_2c0427f0e7.png"
alt="Isometrics plugin"
/>

A simple Figma plugin for creating isometric layers.
- There’s a dialog box that allows you to convert your design into isometric with just one click.
- The project is open for use and is distributed under the MIT license.
- Free installation. 

## [Beautiful Shadows](https://www.figma.com/community/plugin/1068595505353552645/)

<Img
img="/api/uploads/figma_beautiful_shadows_9e754cc930.png"
alt="Beautiful Shadows plugin"
/>

A tool for creating and customizing shadows.

- Easy to use – simply drag the light source in the plugin window relative to the central element.
- The shadow color can be adjusted.
- It's open-source and is licensed under MIT.

## [Remove BG](https://www.figma.com/community/plugin/738992712906748191/remove-bg)

<Img
img="/api/uploads/figma_plugins_remove_bg_f7409a4911.jpg"
alt="Remove BG plugin"
/>

A tool for removing backgrounds.

- It automatically removes the background from images with just one click.
- You can add a white background to photos, make them transparent (PNG), isolate objects, or create cutouts.
- To use the tool, you need a remove.bg account. The basic subscription plan costs €0.90 per image, with a one-time payment option available for €9.

## [Jitter: Animation for Figma](https://www.figma.com/community/plugin/961270034818256057/)

<Img
img="/api/uploads/figma_jitter_f4c1474d38.jpg"
alt="Jitter plugin"
/>

A simple, free plugin for creating animations.

- Easily animate interfaces for mobile apps, websites, landing pages, and micro-interactions with an intuitive animation creation process.
- You can export animations in video format (up to 4K, 60 fps), GIF, and Lottie, with support for transparent backgrounds.
- Create your own motion design system with ease.
- Sharing animated templates is simple, and you can also animate text.
- The plugin comes with ready-made presets that you can customize for your project in just a few clicks.

## Conclusion 

Plugins for Figma are a true find for designers looking to speed up and simplify their work.

The ten tools presented in this review will help you automate routine tasks, such as formatting email layouts, removing backgrounds, and creating dark themes.

With these plugins, you can create more complex designs and enhance your productivity. 

In this article, we will explore which Figma plugins to use to save time and increase work efficiency.

small_figma-main.jpg

thumbnail_figma-main.jpg

figma-main.jpg

Top 10 Useful Plugins for Figma 

When it comes to creating effective email campaigns, choosing a convenient tool is essential. Pixcraft and Emailify are two popular plugins for Figma, each offering different approaches to email design.

In this article, we’ll compare the key features of [**Pixcraft**](https://pixcraft.io/figma) and [**Emailify**](https://www.hypermatic.com/emailify/), their customization and integration options, as well as ease of use, so you can select the best option for your email campaigns.

## Emailify  

<Img
img="/api/uploads/emailify_new_email_a96b89d9f5.jpg"
alt="HTML email builder"
/>

When you open the plugin, you’re prompted to create your first email by specifying its name. Then, you can see the asset library and select the elements you need. Assets are organized into categories: headers, images, content, buttons, e-commerce, footers, and custom blocks.

<Img
img="/api/uploads/emailify_settings_d6be4a6562.jpg"
alt="Email maker settings"
/>

You can assemble an email using these asset templates, then edit the content by replacing images and text. You can also adjust styling and spacing; however, you can’t manipulate the structure itself.

To create your own structure, go to the "Custom" category and click "Build New Custom Component." In this section, you can assemble a new layout by dragging and dropping primitives. Once you’ve built it, you need to name it before adding it to the email. This approach seems somewhat inconvenient, especially given that we’re already in a graphic editor.

When an asset is selected, you can access detailed settings by clicking the “Layer Settings” button.

Once the email is ready, click "Export HTML." Here, you can enter preview mode, enter the email subject and preheader, and choose a format for download—either HTML or MJML. There is also an option to directly export to one of the supported ESP platforms.

It’s important to note that MJML has minor display issues in Outlook.

The plugin allows for localizing email designs with built-in translation tools. Emailify supports export and import of translations through Excel (XLSX) or integration with platforms like Lokalise and Crowdin, making it easier to create emails for an international audience.

<Img
img="/api/uploads/emailify_background_color_1a27ab45ca.jpg"
alt="Email builder"
/>

### Available Plans

- **Free Version:** Suitable for those wanting to test Emailify’s capabilities before purchasing. This plan offers 10 trial attempts with full access to pro features. Users can create an unlimited number of email templates, and no card is required to activate the free version.
- **Pro Version:** An ideal choice for individual users who need full access to features. The Pro version includes unlimited HTML export, unlimited image and GIF hosting, platform uploading, and text localization. Customer support is also included in this package.
- **Organization Version:** Designed for large companies and teams with high email marketing demands. This plan provides access to all features, along with priority technical support.

### Key Points

- There is no option to create [**AMP emails**](https://pixcraft.io/blog/what-amp-emails-are-and-how-they-are-changing-email-marketing).
- Emailify does not offer deep customization. Email structure is preset within the plugin, which significantly limits creative possibilities and design flexibility.
- Display quality may vary depending on the email client. Additional testing in Outlook is recommended.

## Pixcraft 

On the first launch of the plugin, you’ll see a step-by-step guide. It explains how to create an email, use the library, and fine-tune mobile adaptation.

<Img
img="/api/uploads/pixcraft_step1_de7689e816.png"
alt="HTML email builder"
/>

At the end of this guide, you’ll have a completed email, with only one step left before exporting it. But let’s go over everything in order.

The plugin interface has four main tabs: a library of ready-made assets, properties for fine-tuning, an AI for quick email assembly, and the "New" tab.

<Img
img="/api/uploads/pixcraft_step2_bbd5465ec5.png"
alt="Email template builder Pixcraft"
/>

The asset library is divided into categories: assets, headers, images, texts, buttons, footers, AMP components, and dividers. You can find assets to suit any preference. If nothing fits, you can create your own asset in Figma using auto-layouts.

<Img
img="/api/uploads/pixcraft_step3_07490e3b0b.png"
alt="Email builder Pixcraft"
/>

In the Properties section, you can fine-tune various parameters for the selected layer, including mobile adaptation, adding links, carousel display settings, reverse asset ordering, and much more.

<Img
img="/api/uploads/pixcraft_step4_96520b841a.png"
alt="Figma plugin"
/>

The AI tab helps create a modern and stylish email. When you select an image, tools for generating illustrations will open: using Pixcraft, you can set the style (art, photo, sketch, cartoon, or anime), choose the mood, and describe what should be in the picture. The AI also works with text—you can generate text based on a prompt, rewrite it in a desired style, or simply correct typos.

<Img
img="/api/uploads/pixcraft_step5_b1da2c7619.jpg"
alt="Creating emails"
/>

Once the email is ready, you can switch to preview mode to see how it looks on mobile devices and in [**dark mode**](https://altcraft.com/blog/inverting-colors-in-email-campaigns). In this mode, both a static HTML version and an interactive AMP version of the email are generated. If everything displays correctly, you can proceed to the final step—exporting.

During the export stage, you specify the email subject and preheader (with an option to choose a short preheader). By default, only the HTML version is exported, but you can also include AMP and [**TJML**](https://pixcraft.io/framework) or directly export the email to one of the supported ESPs.

<Img
img="/api/uploads/pixcrfat_step6_c3ea8a4afc.png"
alt="Supported ESPs"
/>

### Available Plans

Before registration, five exports are available. After creating an account, you can use the Pro version for free for two weeks. You can add the plugin to any of the following plans:

- **Personal Plan:** Ideal for individual users working on small projects. The subscription includes unlimited drafts, up to 50 saved templates, and 1 project. It also provides 1,000 AMP events, with the option to increase that number.
- **Starter Plan:** This option is suitable for small teams (three users) that need more capabilities. It includes unlimited drafts, up to 300 saved templates, and two projects. This plan includes 3,000 AMP events.
- **Pro Plan:** The optimal solution for teams (ten users) or companies with larger tasks. This plan includes unlimited drafts, templates, and projects. It also offers 5,000 AMP events.

### Key Points

- There are different subscription plans suitable for both freelancers and large teams. You can choose what best meets your needs.
- It supports standard HTML email layouts and interactive AMP emails.
- The Pro version for 10 users is cheaper than the Enterprise plan for Emailify.
- It supports export to [**Altcraft**](https://altcraft.com/), Mailchimp, Klaviyo, SendGrid, SendPulse, and others.
- The interface is available in English, Russian, Spanish, and French.

## Conclusion

The choice between Pixcraft and Emailify depends on your needs, but Pixcraft stands out with its customization capabilities, extensive library of ready-made assets, built-in AI functionality, and support for AMP. This allows for the creation of interactive emails with forms and gamification elements, significantly increasing recipient engagement.

Additionally, Pixcraft enables you to save the created email to the platform and work with it later in your own block editor. This can be convenient for creating a master template and passing it on to a marketer without the need to constantly make changes in Figma.


In this article, we will compare the key features of Pixcraft and Emailify, their customization and integration capabilities, as well as ease of use.

small_figma-plugins.jpg

thumbnail_figma-plugins.jpg

figma-plugins.jpg

Pixcraft vs Emailify: Which Plugin to Use for Creating Emails

Most designers, regardless of their area of expertise, use Figma as their primary tool. However, when tasked with creating a ready-to-use email template, this can prove challenging and time-consuming.

Pixcraft offers a solution to this problem: a user-friendly plugin for Figma that enables you to create an email template and generate ready-to-use HTML code in just a few minutes. In this article, we’ll explore how the [**Pixcraft Email Generator**](https://pixcraft.io/figma) can help you quickly design your email template, customize its unique structure, and add multimedia content.

## Creating a Ready-to-Use Template in Minutes

To get started, open a new file in Figma and locate the Pixcraft Email Generator in the Actions menu on the toolbar. Launch the plugin:

<Img
img="/api/uploads/1_0a3d51aac7.png"
alt="Figma Pixcraft plugin"
src="Pixcraft Email Generator Plugin"
/>

<Note>
The plugin supports multiple languages. To switch to another language, click the globe icon in the bottom-right corner of the plugin.
</Note>

When the plugin opens, you’ll be offered a quick usage guide, which you can skip if desired. To create a new template, go to the **New** tab and select **Blank email**.

<Img
img="/api/uploads/2_b82f124d97.png"
alt="New Blank email"
src="Creating a new email"
/>

<Note>
You can also generate a basic email template with a header, image, button, and footer by clicking **Simple email**. In this case, all you need to do is replace the placeholder images and text with your own content.
</Note>

A blank email template will appear. Populate it with elements from the **Assets** tab, where elements are organized into the following categories:

**Blocks**: Content sections, such as news blocks, banners, and more.
**Headers**: The email header or "top section."
**Images**: Images used in the email.
**Texts**: Text blocks of any kind.
**Buttons**: [**Call-to-action**](https://altcraft.com/blog/what-is-cta) buttons encouraging user engagement. 
**Footers**: The bottom section of the email.
**AMP**: Interactive elements like feedback forms and image carousels, as well as their HTML versions.
**Dividers**: Separators for different sections of the email.

<Img
img="/api/uploads/3_694121e1e8.png"
alt="Using assets"
src="Assets"
/>

For a basic email, you’ll need a header, one content block, one text block, and a footer. To add any of these, simply click the desired element in the plugin menu, and it will automatically appear in the template body:

<Img
img="/api/uploads/4_f0516043ad.png"
alt="New block"
src="Adding a new element"
/>

In the generated template, all that’s left is to replace the placeholder text and images with your own.

<Note>
You can also use your own layout design for the email. To ensure the plugin renders it correctly, the Auto Layout feature must be applied to frames in Figma.
</Note>

Once your template is ready, switch to preview mode by selecting the main template frame and clicking Preview. A testing window will open, displaying how your email will look to recipients.

<Img
img="/api/uploads/five_750ea79887.png"
alt="Preview"
src="Preview mode"
/>

In the preview window, you can:

* Switch between **HTML** and **AMP** versions of the email.
* Toggle between **desktop** and **mobile** views.
* Test the email in **dark mode**, as most mobile email clients automatically adapt emails to dark themes. This includes a **full color inversion** simulation, commonly used in Gmail for iOS.
* Use the **Screenshot** button to capture the email content and share it, for example, with a client.
* View the email's code on the **Show Code** tab, check its size, and compress it if needed.

If you’re satisfied with the final result, proceed to **export the template** by clicking the corresponding button at the top of the window.

<Img
img="/api/uploads/6_9858c2479e.png"
alt="Template export"
src="Template export"
/>

You can optionally add a subject line and preheader to your template. The plugin offers multiple export options, including saving as a **zip archive with code and images**, saving to your **Pixcraft account**, or exporting directly to email marketing platforms, such as [**Altcraft Platform**](https://altcraft.com/):

<Img
img="/api/uploads/7_79decc7b96.png"
alt="External services export"
src="Exporting to other services"
/>

## Customizing Your Template

You’ve created an email template, but how can you make it even better? Pixcraft provides extensive functionality for fine-tuning your template components.

### Links for Buttons, Text, and Images

To add links to buttons or images, select the desired element and go to the **Properties** tab. In the **Link address** field, enter the URL of the target website:

<Img
img="/api/uploads/8_27fe582818.png"
alt="Adding URL to your button"
src="Adding URL"
/>

To add a hyperlink to text, highlight the text fragment and insert the link in the **Properties** menu. Alternatively, you can use the **Create link** feature in Figma:

<Img
img="/api/uploads/9_275103a5a3.png"
alt="Create link"
src="Creating a link"
/>

If you don’t want a specific template element (e.g., a promo code for copying) to be recognized as a button, you can toggle the corresponding switch in the same section:

<Img
img="/api/uploads/10_383937dc05.png"
alt="Using button mode"
src="Button mode"
/>

### Exporting Blocks as Images

The plugin allows you to export certain elements as images rather than code. To do this, select the object, go to the **Properties** tab, and click **Convert to image**. You can then add an image description and title to the converted block:

<Img
img="/api/uploads/11_8c1e16a4cd.png"
alt="Convert image"
src="Converting a block to an image"
/>

You can achieve the same result using Figma’s standard functionality by grouping the block.

<Img
img="/api/uploads/12_33bdda8094.png"
alt="Grouping"
src="Grouping block elements"
/>

### Managing Block Adaptation

Elements in the mobile version of an email don’t always display as intended. To prevent this, Pixcraft lets you customize the **block order** for the mobile version:

<Img
img="/api/uploads/13_04c976bd15.png"
alt="Columns display"
src="Configuring block order"
/>

You can see how these elements will appear using the plugin’s preview mode:

<Img
img="/api/uploads/vid1_39672b4a17.png"
alt="Reorder preview"
src="Block order in emails"
/>

You can also adjust the **side padding and overall width of the email**. To configure these parameters, select the main frame and choose the desired display mode:

<Img
img="/api/uploads/14_9071dca1a8.png"
alt="Paddings"
src="Adjusting padding and width"
/>

### HTML and AMP Display

Not all email clients support AMP content; users of such clients will only see the HTML version of your email. To account for this, you can customize elements separately for each version.

For example, create AMP and HTML elements, such as a form for submissions and a footer with a support link. In the Properties section for the footer, specify it to display only in the HTML version:

<Img
img="/api/uploads/15_82450b571b.png"
alt="HTML and AMP"
src="Customizing content display"
/> 

This ensures that if the AMP form does not appear for any reason, the user will still see a footer with contact details for support.

<Img
img="/api/uploads/plugin_amp_or_html_c467814175.png"
alt="HTML and AMP preview"
src="AMP and HTML content"
/> 

### AI Assistance

If you prefer not to write engaging text yourself or rely on standard stock photos, you can use **AI assistance**. To access this feature, you need to sign in to Pixcraft and log into your account in the plugin. The AI assistant is available for both images and text fields in the AI tab:

<Img
img="/api/uploads/16_47d0d6e7f0.png"
alt="AI Helper"
src="Using AI"
/> 

Simply pick the style and, if needed, add a description of the image. The AI can refine your suggestions, generate text based on your ideas, and check for errors:

<Img
img="/api/uploads/plugin_ai_073a53faf6.png"
alt="AI text styling"
src="Text generation"
/>

## Conclusion

The Pixcraft plugin is designed for users unfamiliar with HTML coding or email creation. It enables the creation of convenient emails that display correctly across most email clients. With Pixcraft, marketers can save significant time and effort typically spent on designing email templates.

Learn more about the plugin’s features, create a Pixcraft account, or contact support on the Pixcraft Email Generator page in the [**Figma Community**](https://www.figma.com/community/plugin/1403763341617358835/pixcraft-email-generator-create-and-export-your-own-html-amp-email-templates).


This article explores how to quickly and easily create email templates for campaigns and customize their elements.


small_figma-plugin.jpg

thumbnail_figma-plugin.jpg

figma-plugin.jpg

No-Code Email Design: Effortless Template Creation in a Figma Plugin

Emails are a crucial element of customer communication. They shape the impression your company leaves on recipients. In this article, we’ll explain how to quickly create an email template from scratch using Pixcraft tools and how to develop a master template for future email campaigns.  

## Planning Your Campaign  

At first glance, creating an email template may seem simple. However, a closer look reveals the challenges involved. An email is more than just text in an attractive package. The process includes the following steps:  

- **Developing the concept and content of the email.** It’s important to craft a clear, engaging message that resonates with your audience. This includes segmenting your email recipients. Avoid generic phrases and overly dramatic subject lines, as they can reduce the effectiveness of your message.  

- **Designing the email.** Keep the design clean and straightforward. Overloading the email with too many visual elements or using overly bright colors can distract from the main message.  

- **Coding the template.** Once the concept, text, and design are ready, the most technically demanding phase begins—coding. In this article, we’ll look at using the [Pixcraft plugin for Figma](https://www.figma.com/community/plugin/1403763341617358835/pixcraft-email-generator-create-and-export-your-own-html-amp-email-templates), which allows you to generate high-quality email code directly from your design mockup.  

- **Testing the email.** To ensure the email renders correctly and to identify any technical issues, don’t just rely on the preview mode. Conduct a test send. Only after thorough testing should you send the email to your real audience.  

## Email Text

Regardless of the purpose of your email campaign, there are a few undeniable rules for crafting email content:  

- **Show respect to your client.** Personalize the email whenever possible—for instance, include the recipient's name in the message.  
- **Be concise.** The main idea of your email should be clear from the very first words.  
- **Avoid over-the-top language.** Some email services may lower your reputation for using clickbait-style phrases.  

If you have creative ideas for your email but struggle with precise wording, consider using **AI tools**. The [Pixcraft plugin](https://www.figma.com/community/plugin/1403763341617358835/pixcraft-email-generator-create-and-export-your-own-html-amp-email-templates) includes an AI-powered section to assist not only with text but also with images:  

<Img
  img="/api/uploads/email_templates_1_7ac68fb86e.jpg"
  alt="AI-generated text and images"
/>  

We don’t recommend leaving the entire text creation process to AI. However, the AI can excel at generating key points, correcting errors, and expanding sentences to match your desired style.  

## Designing the Email  

The next step is **email design**. Like the text, the design should be concise. When the email is opened, it should immediately draw attention to the key information without distracting the recipient with unnecessary details. Avoid overly bright colors and stick to a consistent visual style aligned with your company's branding.  

For most companies, the primary tool for design is **Figma**. You can create a design mockup using auto layout with your unique design and structure. Alternatively, use the pre-made templates from the [Pixcraft Email Generator plugin](https://www.figma.com/community/plugin/1403763341617358835/pixcraft-email-generator-create-and-export-your-own-html-amp-email-templates) to assemble your email from ready-made blocks:  

<Img  
  img="/api/uploads/email_templates_2_2e2c658b33.jpg"  
  alt="Pre-made blocks"  
/>  

You can also add links to elements directly within the tool. To do this, select the desired layer or text, open the "Properties" section, and specify the URL:  

<Img  
  img="/api/uploads/email_template_link_button_3_829b43b065.png"  
  alt="URL input field"  
/>  

A comprehensive guide for designers on using the Pixcraft plugin is available on our [blog](https://pixcraft.io/blog/no-code-email-creation-in-figma-plugin).  

If email campaigns are your primary method of communicating with clients, we recommend creating a **master template**—a template that includes all the possible block structures you plan to use. With a master template, creating a new email becomes as simple as selecting the required blocks and replacing the text and images. Having such a template **significantly speeds up** the process of creating new campaigns.

The Pixcraft Email Generator allows you to save all your blocks (assets) into a library, assigning names and tags for easy selection:

<Img  
  img="/api/uploads/email_templates_4_d1b5b79e9e.png"  
  alt="Block names and tags"  
/>

## Template Coding  

When using the Pixcraft Email Generator plugin, you don’t need to worry about coding the template—just select your email and open the preview. If everything displays correctly, proceed to the export section. For one-off promotional emails, you can export the result directly to your ESP. However, if you plan to reuse the template or its blocks—especially for scenarios where designers won’t be involved—it’s best to **save the template in Pixcraft**:  

<Img  
  img="/api/uploads/email_template_export_5_5686084d7a.png"  
  alt="Save template"  
/>  

Once saved, the template will be available in the [Pixcraft Builder](https://app.pixcraft.io) email editor. When you need to create a new email, simply open the saved master template and click **“Edit as copy”**:  

<Img  
  img="/api/uploads/email_templates_6_f333fccbe6.jpg"  
  alt="Editing a copy"  
/>

In the Pixcraft Builder, you can also save individual elements for reuse in other emails. To do this, highlight the block during editing, open the advanced settings, and click **“Save asset”**:  

<Img  
  img="/api/uploads/save_asset_d427f0a27a.png"  
  alt="Save asset"  
/>  

All saved elements are available in the corresponding section of the toolbar on the left:

<Img  
  img="/api/uploads/my_assets_f7f9465e73.png"  
  alt="Saved elements"  
/>

You can remove unnecessary blocks, add required assets from the saved list, and modify text and images. With a master template and saved elements, creating a finished email will take just a few minutes.

## Display Testing  

Different users may see the same email differently. This is influenced by factors such as:  

* **Email client** – Not all clients support AMP content or may require specific component settings.  
* **Mobile vs. desktop version** – Email elements must adapt depending on the recipient’s device.  
* **System interface theme** – Dark or light modes.

When working with Pixcraft products, you don’t have to worry about how the email will appear to the recipient. The template automatically adjusts **element adaptation** for different viewing modes. If necessary, you can manually configure display settings for individual components:  

<Img  
  img="/api/uploads/template_properties_a7a9116a52.jpg"  
  alt="Component-specific adjustments"  
/>

Emails created with Pixcraft render correctly and retain their original appearance across all email clients, from **popular platforms** like Gmail to **corporate clients** like Outlook.

## Conclusion  

Creating an email template from scratch is a complex process requiring various skills—from crafting compelling text to working with markup languages. This article briefly covered all the key stages of template development. At each stage, Pixcraft products can be your reliable assistants.

Pixcraft tools simplify the process, enabling the quick creation of unique templates with AMP elements and responsive designs, as well as preparing guidelines for future campaigns. With Pixcraft, you can focus on developing your ideas and marketing strategies, rather than coding templates.

We’ll show you how to quickly create email templates from scratch using Pixcraft tools. Plus, we’ll explore how to design a master template.  

Articles by tag: Figma