Skip to main content
If your designers use the Email Love Figma plugin, their work can come into the Builder. Designers keep designing in Figma. The rest of the team edits, reviews and sends in the Builder. There are three ways to connect them.

​
1. Build a design system from your Figma file

The Builder can read your Figma file and build a design system from it, without the plugin. See Create a design system. Designs made with the Email Love Figma plugin convert without AI.

​
2. Send an email from the plugin to a campaign

The plugin can send a finished email into the Builder.
  1. In the Builder, make an API key for the plugin. See Make an API key below.
  2. In Figma, open the plugin and export to Email Love Builder. Paste the key the first time.
  3. Pick the workspace and the campaign. The plugin calls campaigns folders.
The email arrives in that campaign as a Builder email, in one of the workspace’s design systems:
  • Sections that match one of the design system’s components become that component.
  • Sections that don’t match become From Figma (HTML) sections. They look as they did in Figma, and you edit them as code.
For this to work, you need to be able to create emails in that workspace, and the workspace needs a design system. If not, the email arrives as a template in the original editor instead. The plugin’s side of this is in Sync your emails to Email Love Builder.

​
3. Convert a plugin library into a design system

If you’ve synced a design system from the plugin to the Builder, you can turn it into a Builder design system.
  1. Go to Design systems and click New design system. Or use Get set up on Overview.
  2. Under Already use the Email Love Figma plugin? Convert one of your plugin libraries instead., pick the library.
  3. Click Convert.
The new design system shows Moved from the classic builder. Converting doesn’t use AI, so on the Free plan it doesn’t use your design system import with AI.

​
Build an email from a Figma frame

You can also bring a single Figma frame into a Builder email without the plugin. In a campaign, click New email and choose From a Figma frame. See Campaigns and folders.

​
Make an API key

The plugin needs a key with full access.
  • Go to Integrations, find Figma plugin API keys under Developer, and click Create API Key. Keys made here always have full access.
  • Or go to Settings › API keys, click Create API key, and choose Full under Access.
Each key works in the workspace it was made in. A key is shown once, so copy it straight away.

​
Plans

The Builder and the Figma plugin are priced separately. The Builder plan doesn’t include plugin seats. Enterprise includes 10 or more. See Plans and billing.