Figma to Klaviyo: 4 ways to move an email design (2026)

7 October 2026 · 7 min read

You have a finished email in Figma. Now it has to become a Klaviyo template that sends looking the same as the design. There are four ways to get it there, and they trade off speed, how editable the result is in Klaviyo, and how closely it matches what you designed.

The short answer

If the email is mostly images and you send a lot of them, auto-slicing is the fastest route. If it is mostly live text and product blocks, build it in Klaviyo. The sections below explain each one.

1. Rebuild the design in Klaviyo’s editor

The manual route. Export the images from Figma at 2x (1200px wide for a 600px email), upload them to Klaviyo, then recreate the layout block by block in the drag-and-drop editor: images, text, buttons, spacers and columns. Add a link and alt text to every image, then test on desktop and mobile.

Good: everything is native, so copy can be edited in Klaviyo later and personalisation works anywhere. Not so good: it is the slowest route, and rebuilt emails drift from the design, because Klaviyo’s blocks bring their own fonts, padding and spacing.

2. Klaviyo’s own Figma plugin

Klaviyo has an official, free Figma plugin. You select frames, groups or components in Figma and send them to your Klaviyo image library as PNG or JPG images, in batches and to more than one Klaviyo account. It saves the export and upload steps, and it is the simplest option if you already cut the design into separate frames yourself.

Good: free, official, and easy to set up. Not so good: it moves images, not emails. You still decide where to slice, and you still build the template, add the links and write the alt text in Klaviyo. It sends to Klaviyo only.

3. An HTML export plugin

Plugins such as Emailify, Email Love and Marka turn a Figma design into a coded HTML email. The design has to be built their way: from the plugin’s own components (Emailify, Email Love) or with Auto Layout (Marka). The result is an HTML template you import into Klaviyo, or push with the plugin’s integration.

Good: real text throughout, responsive layouts, and one design that can go to many email platforms. Not so good: a coded template is edited in code, not Klaviyo’s drag-and-drop editor, and the design has to follow the plugin’s structure. A flat design from Photoshop or Canva needs rebuilding first. We compare these tools in detail in the best Figma to Klaviyo tools in 2026.

4. Auto-slice it with Carvr

Carvr starts from the finished design, whatever it was made in. In Figma, you select the frame and click Send to Klaviyo in the Carvr plugin. From Photoshop, Canva or anything else, you upload one full-length image in the web app. Carvr then:

• finds where to cut the design into sections, the way a person would, and lets you move any line;
• compresses each image and adds its link, from your Figma prototype links or the brand’s default;
• writes alt text for every section with AI;
• builds a native drag-and-drop template in Klaviyo, so your team edits it in the editor they already use. The same design can go to Omnisend or Mailchimp instead.

Good: it takes about 30 seconds an email, the result is pixel-identical to the design, and there is no file structure to follow. It also sends text-only sections as editable Klaviyo or Omnisend text if you turn on live text blocks, and keeps animated GIFs animated. Not so good: text inside an image section is part of the image, so copy changes go back through the design, and dynamic content such as product feeds is still added in Klaviyo.

The step-by-step version is in the Figma plugin guide, and for a design that isn’t in Figma, slicing emails in the web app.

Before you send: four Figma tips for Klaviyo

• Design at 600px wide. Export at 2x, so 1200px, for sharp images on high-density screens.
• Give each button its own row. Every image section gets one link, so a call to action that sits alone in a row can link somewhere different from the hero above it.
• Mind Klaviyo’s image limit. Klaviyo accepts about 100 image uploads a day per account, and every section is one image. See Klaviyo’s 100 images a day limit.
• Keep real text where it matters. Subject line, preview text and alt text carry the message when images are blocked.

Frequently asked questions