Figma to Klaviyo as Drag & Drop blocks, HTML, or Image Slices.
Instantly convert your Figma frames into ready-to-send Klaviyo templates. Export your designs as native editable blocks, clean HTML code, or image slices in seconds.
Select a frame. Click Export to Klaviyo.
- 01
Select a frame
Open the Mirror Mail plugin in Figma, pick your email frame, and choose Drag & Drop, HTML or Image Slices.
- 02
Click Export to Klaviyo
Mirror Mail uploads your images and builds the template in Klaviyo. Open in Klaviyo takes you straight to it.
First time? Connect the plugin to Mirror Mail and add your Klaviyo account once, with a private API key.
Editable, exact, or both.
Each frame keeps its own export type, so the plugin opens on the one you chose last time.
Drag & Drop
DefaultNative Klaviyo blocks: sections, text, buttons, images, columns, header, social. Edit it in Klaviyo's drag-and-drop editor, as if you'd built it there.
Editable in the visual editor
HTML
One HTML template, exact to your design on desktop and phones, with its own phone layout built in. Text stays live; you edit it in Klaviyo's code editor.
Exact match, edited as code
Image Slices
Your design as drawn, one image block per section, picture cards side by side in columns. Each slice takes its alt text from its words, and its link when it holds one. Both are editable in Klaviyo.
Exact look, links kept
Not a flat image. Real blocks.
In Drag & Drop, a layer goes as HTML or an image only where Klaviyo's blocks can't build it as drawn, or where it isn't laid out with auto layout.
- Text, with its fonts, sizes and spacingText block
- Buttons, at the size you drewButton
- Side-by-side layoutsColumns
- Coloured sections, in their colourSection
- Logo and navigation linksHeader
- Social icons, as drawnSocial
- Photos, with alt text from their layer namesImage
- “Unsubscribe” in your footerKlaviyo's own link
- Merge tags like {{ first_name }}Kept as written
- Fonts, as you chose themGoogle Fonts imported
Laid out for a 375px phone, not left to chance.
Klaviyo stacks columns and pads text on phones in ways your design didn't plan for. Where a layout fits desktop but not a phone, Mirror Mail sends two copies: one shown on desktop, one laid out for phones.
Desktop stays as drawn. When you edit that part in Klaviyo, change both copies.
Every feature on every plan.
All three export types and phone layouts on every plan.
Free
10 template exports to try it. No card needed.
- 10 exports in total
- 1 Klaviyo account
- 1 team member
Pro
For a designer or a brand's own team.
- Unlimited exports
- 3 Klaviyo accounts
- 3 team members
- $390 a year, two months free
Agency
For an agency running many client brands.
- Unlimited exports
- 10 Klaviyo accounts
- 5 team members
- +$15 a month per extra account
- +$15 a month per extra member
- $990 a year, two months free
A new template each time
Each export creates a new template in Klaviyo. Your existing templates and campaigns are left as they are.
Checked by render
Every export is read back from Klaviyo and rendered, so Mirror Mail knows the template arrived as it was built.
Your key stays on the server
Connect Klaviyo with a private API key, stored encrypted. The Figma plugin never holds your Klaviyo credentials.
Figma to Klaviyo, answered.
Is there a Figma plugin that exports email designs to Klaviyo?
Yes. Mirror Mail is a Figma plugin that turns an email frame into a Klaviyo email template in one export. You select the frame, choose Drag & Drop, HTML or Image Slices, and press Export to Klaviyo. The template appears in your Klaviyo account, ready to use in campaigns and flows.
How do I turn a Figma email design into a Klaviyo template?
Install the Mirror Mail plugin, connect it to your Mirror Mail account, and add your Klaviyo account once with a private API key. Then select your email frame in Figma, pick an export type and press Export to Klaviyo. Mirror Mail uploads the images, builds the template and opens it in Klaviyo.
Can I edit the template in Klaviyo's drag-and-drop editor?
Yes, with the Drag & Drop export type. Text, buttons, images, columns, sections, header and social icons become native Klaviyo blocks you edit as if you'd built them there. A part Klaviyo's blocks can't build as drawn goes as an HTML block when it holds text, or as image slices when it's only pictures. Layers not laid out with auto layout go as image slices that keep their links and alt text.
What's the difference between Drag & Drop, HTML and Image Slices?
Drag & Drop gives native, editable Klaviyo blocks. HTML gives one Klaviyo HTML template that matches the design exactly on desktop and phones, edited in Klaviyo's code editor. Image Slices sends the design as drawn, one image per section, with links and alt text you can edit in Klaviyo.
Will the email look right on mobile?
Mirror Mail lays each email out for a 375px phone as well as desktop. Where a layout fits desktop but not a phone, it sends a desktop copy and a phone copy of that part, so desktop stays as drawn and phones get a layout that fits.
Do my fonts, links and merge tags carry over?
Yes. Google Fonts are imported into the template, text links and prototype “Open link” actions become Klaviyo links, an “Unsubscribe” in your footer becomes Klaviyo's unsubscribe link, and merge tags like {{ first_name }} are kept as written. Images take their alt text from their layer names. Gmail and Outlook don't load web fonts, so they show your fallback font.
Does Mirror Mail change or send my existing Klaviyo emails?
No. Every export creates a new template. Mirror Mail never changes, renames or deletes a template, and never sends, schedules or creates campaigns.
What access does Mirror Mail need in Klaviyo?
A private API key with Accounts: Read, Images: Full and Templates: Full. The key is stored encrypted on Mirror Mail's server; the Figma plugin never holds your Klaviyo credentials.
Which email platforms does Mirror Mail support?
Klaviyo, for now.
How much does Mirror Mail cost?
Free gives 10 exports with no card. Pro is $39 a month for 3 Klaviyo accounts, and Agency is $99 a month for 10 Klaviyo accounts, both with unlimited exports. Every plan has all three export types.
More in the Help guide.
Stop rebuilding emails by hand.
Your next Figma design can be a Klaviyo template in one export: editable blocks, exact HTML or Image Slices.
Start free: 10 exports, no card