More than [**390 billion emails**](https://www.emailtooltester.com/en/blog/how-many-emails-are-sent-per-day/) are sent worldwide every day. For businesses, this can mean dozens or even hundreds of email campaigns that need to be created and sent regularly.

However, building every email from scratch is time-consuming and requires significant resources. On top of that, when several different people work on campaigns without clear guidelines, this poses a risk of losing consistency and uniformity.

A master template addresses these issues systematically: it serves as a shared foundation for creating emails faster while maintaining a consistent style. In this article, we take a look at what master templates are, what makes them useful, and which master template creation features are available in the Pixcraft email builder.

## What Is a Master Template

A master template can be described as a full-fledged foundation for creating email campaigns. Unlike a regular email template, it serves not as a single message but as a library of prepared blocks that can be used to assemble emails for various scenarios.

What are the benefits of a master template?

- **Faster email production.** When a master template is used, the team only needs to select the appropriate structure, add content, and adapt the blocks to a specific campaign instead of creating every element from scratch. 
- **Consistent style and brand recognition.** A master template establishes the design logic for the main email components. Visual rules for fonts, colors, headings, spacing, and element placement make campaigns more consistent. 
- **Lower risk of errors.** Although a master template does not eliminate the need to test emails before sending them, it can reduce the likelihood of errors because the template elements have already been checked beforehand.

## Which Components Does a Master Template Include

A typical master template contains several block variations divided into categories according to their purpose. Its composition depends on the company’s area of business, the types of emails it sends, and the frequency of its campaigns.

A master template may include the following elements:

- **System blocks.** These include a preheader, header, footer, contact details, social media icons, and other basic elements of email campaigns.

<Img
img="/api/uploads/01_headerfootersocial_f41b92adf4.png"
alt="System blocks"
/>

- **Hero blocks.** Large email elements that are the first to attract the reader’s attention. They usually contain a heading, a brief description, an image, a primary button, and sometimes additional links.

<Img
img="/api/uploads/02_herobloki_847d2adca5.png"
alt="Hero blocks"
/>

- **Content blocks.** These may include text sections, article cards, tips, quotations, lists, link collections, FAQs, or sections with additional materials.

<Img
img="/api/uploads/03_kontentbloki_cd71fbf51e.png"
alt="Content blocks"
/>

- **E-commerce and promotional blocks.** Online stores and services that regularly run promotions may require product cards, product grids, category blocks, coupons, promo codes, recommendation collections, abandoned cart sections, and blocks describing delivery terms.

<Img
img="/api/uploads/04_kartochkitov_37de133e61.png"
alt="E-commerce and promotional blocks"
/>

- **Trust / social proof.** Reviews, ratings, customer quotations, expert comments, case studies, certificates, “how it works” blocks, and answers to common objections strengthen an email when used appropriately.

<Img
img="/api/uploads/05_socproofblocks_9646fe10c6.png"
alt="Social proof blocks"
/>

- **Interactive AMP blocks.** Image carousels, [**NPS surveys**](https://pixcraft.io/blog/nps-surveys-whats-their-purpose-and-how-to-implement-them-in-pixcraft), dynamic product collections, or interactive feedback forms may also be included for certain scenarios.

<Img
img="/api/uploads/06_ampinteractblocks_3e0f4ace36.png"
alt="Interactive AMP blocks"
/>

- **Bento blocks.** A bento grid is a card-based composition in which content is arranged across rectangular or square cells of different sizes. A single section may combine a large block containing the main message, smaller benefit cards, a product image, a review, and a [**CTA**](https://pixcraft.io/blog/how-to-increase-email-click-through-rates-with-the-right-ctas).

Each block is usually designed in several versions: for example, with one or several columns, with or without images, in different color schemes (if that falls in line with the [**design system**](https://pixcraft.io/blog/developing-a-guideline-in-figma-components-variants-and-variables)), and so on.

As for bento blocks, they should not replace every other block in a master template. Bento is just one of the options, suitable for content-rich emails that need to present several ideas while preserving order and visual hierarchy.

In web design, bento layouts are often based on flexible grids. However, email clients handle modern CSS properties differently. For this reason, bento in email templates should be treated primarily as a visual principle: cards, hierarchy, balanced spacing, a clear structure, and [**adaptation for mobile devices**](https://pixcraft.io/blog/mobile-email-adaptation-how-to-ensure-proper-rendering-across-different-devices-and-email-clients).

## What to Consider When Creating a Master Template

### Identify Email Types and Repeated Elements

Start by reviewing which emails the brand already sends and which ones it plans to launch in the future. For each email type, determine its purpose, basic structure, and sending frequency. Priority should first be given to the main elements, such as the header, footer, buttons, cards, promotional blocks, product grids, dividers, and so on.

### Divide Blocks Into Categories

To prevent the master template from becoming disorganized, blocks should be arranged into groups (for example, system, hero, content, product, and transactional blocks). When a team uses internal names such as `promo_card_v2`, everyone involved in the process should agree on clear and understandable naming conventions.

### Prepare Variations for Different Scenarios

As noted above, a single block does not always fit every task. Variations are therefore often required. To avoid confusion, start with a set that covers the needs of current campaigns and expand it when necessary.

### Test Responsiveness and Dark Mode Display

Each block should be tested as part of an email: check how it behaves on mobile devices, what happens when a heading is long, whether the grid retains its structure, whether the text remains readable, and whether the logo is still visible in [**dark mode**](https://pixcraft.io/blog/dark-mode-how-it-works-and-how-to-optimize-for-it).

When bento is used, particular attention should be paid to the mobile version. On a narrow screen, cards will usually need to form a clear vertical sequence while preserving their meaning: for example, the main message first, followed by supporting arguments and the call to action.

### Establish Usage Guidelines

Finally, describe the basic rules for working with the blocks: which limits apply (such as character number limits), which elements can be changed and how, which campaigns should use particular blocks, and so on. It’s not always necessary to create an extensive guide. In some cases, a short instruction covering the block types is sufficient.

## How to Tie a Master Template With the Website Style

A good practice is to base the master template on the visual language the brand already uses on its website, in its mobile app, in advertising materials, and on social media. Shared stylistic elements, including image and button design, element structure, and [**typography**](https://pixcraft.io/blog/typography-in-email-how-to-make-text-more-effective), emphasize consistency across communication channels.

In this case, the website serves as a source of patterns whose design principles can be transferred to email components. For example:

- a large hero section on the home page can be adapted into the first content block; 
- product cards can be converted into a product grid; 
- feature cards can be adapted into a benefits block; 
- a bento section can become a card-based composition for an announcement; 
- the website footer can be converted into an email footer containing contact details, legal information, and an unsubscribe link.

However, this doesn’t mean that you need to make a literal copy of a website. Email clients do not process HTML and CSS in the same way as browsers. This needs to be considered when adapting elements to the email format.

## How to Create Master Templates Using Pixcraft

The Pixcraft email builder offers features for both convenient email creation and working with master templates. In particular, master templates can be created in several ways.

### Saving Custom Blocks

Pixcraft users can save their own blocks for use in future emails. To do this, select the required block and click the star icon. The block will then be added to “Saved blocks.”

<Img
img="/api/uploads/07_savecustomblocks_515785dad4.png"
alt="Saving custom blocks"
/>

The saved block will be available in any other campaign created within the current project: simply select it, add it to the canvas, and edit the block as required. This is especially convenient for components that are used in numerous emails without significant changes.

### Creating a Master Template in the Builder

A master template can be assembled in Pixcraft as a base email containing prepared block categories for future campaigns. When working on a new email template, you can:

- create a copy of the master template, keep only the required blocks, and delete the ones that are not needed for the current email; 
- use the block-saving feature described above by saving only the currently required components and adding them to the new template.

### Using Ready-Made Templates

Pixcraft features a [**template gallery**](https://pixcraft.io/templates) that contains a variety of templates for different campaign types, occasions, and industries. Their components can serve as the foundation for your master template: select the required email elements and use their structure and design as the basis for your own blocks.

### Creating a Master Template in Figma

If your team uses Figma to design email campaigns, give our [**dedicated plugin**](https://pixcraft.io/figma) a try: it can turn an email layout into a complete master template. Save your own assets in the library and organize them into categories for quick and convenient access in the future.

**To save time on creating a master template, order one from the Pixcraft specialists! [Contact us](mailto:team@pixcraft.io), and we'll create a convenient, customized master template that fully meets your needs and wishes.**

## Which Mistakes Should Be Avoided When Working With a Master Template

- **Master template gets overloaded.** The more blocks it contains, the harder it becomes to navigate, especially when the elements are not grouped. Therefore, the best option is to start with a compact set that covers the main scenarios and add new blocks as needed. 
- **Emails are not tested after assembly.** Even a well-designed master template does not guarantee that an email will display without errors. Replacing content may result in broken links, large image files, nonfunctional buttons, and other issues. This means that email testing remains an essential part of the process. 
- **The website design is copied without adaptation.** As noted above, adapting a website style means preserving brand recognition rather than creating an exact copy of every section. Complex grids, hover effects, custom fonts, and multi-level cards may look good on a website but perform poorly in an email client. 
- **Master template is not updated.** A brand’s style may change over time, including its colors, tone of communication, and approach to visual design. Without timely updates, the master template becomes outdated.

## Conclusion

A proper master template addresses the team’s current needs. It does not contain unnecessary blocks simply for the sake of quantity, but instead includes everything required for regular campaigns. It reflects the brand’s style and creates a consistent foundation for a wide variety of emails.

Pixcraft serves as your assistant for working with both emails and master templates. Create them in accordance with your brand guidelines, save your own blocks, configure styles, and test how email elements appear on mobile screens and in dark mode.

To make an informed decision, [**sign up today**](https://app.pixcraft.io/user/register) and try Pixcraft for free for 14 days. And if you have any questions, simply [**contact our team**](mailto:experts@pixcraft.io).

_Facebook is owned by Meta Platforms Inc., recognized as an extremist organization and banned in the Russian Federation._

_Access to the social network X (formerly Twitter) is restricted in the Russian Federation._

In this article, we'll discuss the benefits of master email templates and how to work with them in the Pixcraft visual email builder.

small_Обложка Pixcraft (2) (1).png

thumbnail_Обложка Pixcraft (2) (1).png

Обложка Pixcraft (2) (1).png

Email Master Templates: What’s Their Purpose and How to Work With Them

We have released a major Pixcraft update, one of the largest in the history of our service. The changes affect the interface and the functionality of both the email builder and the Figma plugin.

In this article, we’ll take a look at what has changed, which new features have been added, and which existing features have been improved.

## Working With Email Templates

### Updated Workspace Screen

Perhaps the most noticeable change is the redesigned workspace screen, which contains the list of your templates. The interface is now more concise yet informative, while navigation has become significantly more convenient.

<Img
img="/api/uploads/01_interface_40fc19f00e.png"
alt="Updated workspace"
/>

### Template Preview

In earlier versions of Pixcraft, email previews were available only inside the builder itself. To evaluate how the template looks, you first had to open it in the editor and then switch to the “Preview” mode.

The latest update introduces the option to preview email templates directly from the list in the main workspace. This feature is particularly useful when you need to quickly review or compare several emails.

Here is how it works: hover the cursor over a template, and the email will become slightly larger on the screen and scroll up and down as you move the cursor vertically. As soon as you move the cursor away, the email will return to its original size.

<Img
img="/api/uploads/02_prevwanimation_87ddcf7fd8.gif"
alt="Email preview in the list"
/>

### Tag System

You can now add custom tags to templates and AMP components, making navigation and search easier.

The tag names are defined by the user. For example, you may specify the template type (such as a triggered email, promotional email, or regular newsletter), its association with a particular campaign, the name of the employee who worked on the email, or any other relevant information.

Adding a tag is easy. Click the three vertical dots below a template or next to an AMP component to open the context menu. After that, simply select "Edit tags" and create a new tag or assign an existing one from the list.

<Img
img="/api/uploads/03_tagsnew_4878cf1159.png"
alt="Tags in the templates list"
/>

### Sending Test Emails

One of the most important updates in the Pixcraft email builder is the “Send test” feature, which allows you to check how a template appears in the required email clients [**before launching the campaign**](https://pixcraft.io/blog/checklist-what-to-test-before-sending-an-email).

The "Send test" icon is located in the upper-left panel next to the “Preview”, “Export”, and “Save” buttons. Click it to open a window where you can select a test address from the list or enter a new one. Then send the email to the selected inbox and make sure the received version of the template matches the intended design.

<Img
img="/api/uploads/04_testemailsend_0283b348f2.png"
alt="Testing the emails"
/>

### Updated Export and Integrations Panel

The template export section has been substantially redesigned: we updated the export panel to make it much more visually comfortable to use. On top of that, we added an option to compress the code when exporting an email. You can enable or disable it using the corresponding toggle.

<Img
img="/api/uploads/05_emailexportnew_a97f92a5fa.png"
alt="Template export"
/>

The ESP integration interface has also been redesigned, becoming more intuitive. You can configure a connection to the required platform either through the "Export" function in the builder or in the "Integrations" section on the main screen.

<Img
img="/api/uploads/06_espintegrationcreate_fb9829821c.png"
alt="ESP integrations"
/>

### Assets Separated by Project

The next update affects custom assets that can be saved while working on a template. They are now stored separately within each project and are no longer mixed with custom blocks from other projects.

This separation is particularly relevant for teams that work with several brands, products, or business areas at the same time. Elements are no longer mixed in a shared library, and each project contains only the set of user blocks associated with its current list of emails.

The number of available projects depends on your pricing plan: 1 project on Personal, up to 3 projects on Starter, and up to 10 projects on Pro.

## Flexible Access Permission Settings

Pixcraft users can invite participants to projects and assign them the required roles, such as moderator or viewer. The update introduces detailed permission management for invited participants: now you can grant only the permissions required in each individual case.

Access permissions can be configured for:

- templates; 
- components; 
- assets; 
- integrations; 
- file storages; 
- statistics; 
- test emails.

<Img
img="/api/uploads/07_categoriespermissions_aabe3feda8.png"
alt="Access permissions"
/>

You decide which permissions to grant. For example, one employee can receive permission to edit templates while being restricted from editing and moderating components. At the same time, another employee can be given access only to view statistics, without permission to edit materials.

## Monitoring Pricing Plan Limits

The pricing plan menu is located in the "Your plan" section in the lower-left corner. It displays the plan’s validity period, as well as the number of available users, created projects, templates, exports, and AMP events.

<Img
img="/api/uploads/08_planandbilling_d745be68d9.png"
alt="Plan limits"
/>

Keep in mind that the selected pricing plan conditions apply to the entire workspace and are not calculated separately for each project or user. For example, the Starter plan includes up to 3 projects and 300 templates, as well as 300 template exports per month. In this case:

- If you create 200 templates within one project, only 100 templates in total will remain available for the other two projects. 
- Exports are counted according to the same principle: 300 monthly exports are shared among all project participants rather than being allocated separately to each participant.

## Analytics

Previously, Pixcraft already included analytics for AMP emails. Yet the latest update has expanded the service’s capabilities and made its analytics independent of third-party solutions:

- First, you can now add analytics both to templates created in Pixcraft and to templates built manually. 
- Second, analytics now operates entirely within the Pixcraft environment. Integration with Google Analytics or Yandex Metrica is no longer required.

Statistics tracking for emails created in the builder is enabled during export. You can choose to collect statistics on opens and time spent in the email. The "Analytics" section displays all emails exported with event collection enabled. You can also create a new campaign directly in this section.

<Img
img="/api/uploads/09_analyticslist_941284ce80.png"
alt="Analytics"
/>

Custom events are created and operate in Pixcraft in a way similar to Google Analytics. As mentioned above, no third-party services need to be connected. You can create and edit events and track the associated actions directly in the interface.

<Img
img="/api/uploads/10_customevents_6417437689.png"
alt="Custom events"
/>

Report charts are updated automatically for all current events. Opens are tracked for both HTML and AMP emails. Separate charts are available for average time spent in an email, along with cohort retention analysis for AMP emails.

<Img
img="/api/uploads/11_graphsanalytics_fe7eecb147.png"
alt="Report charts"
/>

## AMP Components

AMP component settings have become even more flexible and detailed. In particular, you can now change the set of fields they contain, creating the required component variations depending on the email campaign.

<Img
img="/api/uploads/12_ampfieldsselect_01fbd7e087.png"
alt="AMP component settings"
/>

You can also define validation rules for fields. For example, validation can be configured for an email address or phone number.

<Img
img="/api/uploads/13_ampvalidation_6a632a5983.png"
alt="AMP fields validation"
/>

### Telegram Integration

Previously, webhooks were the only option available for quickly processing messages from AMP forms and the [**Interactive stream**](https://pixcraft.io/blog/interactive-stream-in-amp-emails-next-level-of-engagement). With the latest update, you can now also use direct integration with Telegram.

The integration is configured through a [**dedicated bot**](https://t.me/pixcraft_forms_bot). For example, you can add it to your own group and configure it to send notifications directly there.

No need to worry if you already use webhooks: they remain available and continue to work as before.

## Figma Plugin

The changes also affect the [**Pixcraft plugin for Figma**](https://pixcraft.io/figma). Here, project support has been added: by default, the plugin uses the project you previously worked in, while another project can be selected from the user menu.

<Img
img="/api/uploads/14_figmaprojects_95b1f0966f.png"
alt="Pixcraft plugin for Figma"
/>

The export and integrations panel has also been updated. Its appearance now matches the corresponding panel in the Pixcraft builder and includes the same visual improvements and code compression option.

<Img
img="/api/uploads/15_figmaexport_33664fec0f.png"
alt="Export screen in Figma plugin"
/>

When you export a layout through the Figma plugin, it automatically appears in the template list of the current project and is marked with the corresponding icon.

<Img
img="/api/uploads/16_figmaicontemplate_1b54726509.png"
alt="Template in a list"
/>

## Other Changes

The list of new features does not end there. In addition to the major updates, the following technical improvements have been introduced in Pixcraft:

- Email templates are now saved several times faster. You no longer need to wait for a lengthy loading process after making substantial changes. 
- Automatic lossless PNG image compression has been added. Compression is performed when an image is uploaded. The same mechanism is applied to templates created in Figma using the plugin. 
- The service’s stability, fault tolerance, security, and overall performance have also been improved.

## Conclusion

The major Pixcraft update makes working on emails easier at every stage, from preparing a layout to testing, exporting, and analyzing the results. Try the new features yourself: [**create an account**](https://app.pixcraft.io/user/register) and receive free access to Pixcraft for 14 days.

Learn more about the new functionality of the Pixcraft email builder and the Pixcraft plugin for Figma: what's changed with the latest update, what new features have been added, and how existing ones have been upgraded.

small_updates_cover (1).png

thumbnail_updates_cover (1).png

updates_cover (1).png

Pixcraft Update: What New Features and Improvements Have Been Introduced

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.  

small_kak-sozdat-email-shablony.jpg

thumbnail_kak-sozdat-email-shablony.jpg

kak-sozdat-email-shablony.jpg

How to Create Email Templates from Scratch with Pixcraft  

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

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

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.

Articles by tag: Figma