Free to try · No card
3,200+ email sections pushed to Klaviyo

Your Figma email in Klaviyo.
Without the rebuild.

Stop slicing, compressing and rebuilding every email by hand. Figaviyo pushes your finished design into Klaviyo in about a minute instead of 15, as an editable template: every section its own block with its own link, sharp images and alt text written for you. Ready for your next campaign or flow.

Install Figaviyo free Watch the demo (1:21)

Your first flow is free · No credit card · 30-day money-back guarantee on paid plans

Used by email designers and teams at 40+ brands and agencies

“Yo this is such a good plugin! It literally saves me 15 min of brain-dead exporting work for every email I need to transfer. I create 15–20 emails a month, so this saves me nearly 5 hours every month.”

Gerrit Muilerman @gerritmuilerman · Figma Community

“Normally I would need ~10 mins for one email to export in Klaviyo (from Figma via image compression to Klaviyo, and then also the alt text). Now I just need a few clicks and everything fits.”

Marcel Figma Community

“This saves me a good amount of time moving emails from Figma into Klaviyo. Multi-account support is a really nice touch too.”

Maxton @maxDesignings · Figma Community
3,200+email sections sliced, compressed and uploaded
430+finished emails pushed to Klaviyo
100+ hoursof rebuilding saved, at ~15 min per email
You're a designer, not the production department

The slow part is the rebuild.

It's not you. Klaviyo's builder was never made for designs that start in Figma.

01

Slice the frame in Figma.

Export each section manually. One mistake and you start over.

02

Compress and upload every slice.

Export, run it through a compressor, upload, write the alt text. One image at a time, twelve times per email.

03

Rebuild the layout in Klaviyo.

Then the client changes one thing, and you do it all again. For every email in the flow.

Before, per email
10–15 min
With Figaviyo
A few clicks
As reported by Marcel and Gerrit Muilerman, Figma Community
What lands in Klaviyo

Not a screenshot. A template you keep working in.

Every section of your Figma email becomes its own image block in Klaviyo's drag-and-drop editor, ready for its own link.

In Figma
In Klaviyo

A link on every section

Hero to the product page, footer to the shop. Each block takes its own link, so the whole email is clickable.

Move, add, reuse

Reorder sections, drop a Klaviyo text or product block in between, save it for the next email in the flow.

Alt text already written

Taken from the text in your Figma design, so the email still makes sense with images turned off.

How it works

Three steps. One click each.

Step 1

Select your Figma email

Pick the frame you already finished. Nothing to prepare, rename, or restructure first.

Step 2

Scan and review the sections

Figaviyo finds the sections for you. Drag any edge to adjust one before you ship it.

Klaviyo
Step 3

Push it to Klaviyo

Slices, compresses, uploads. A link to the new Klaviyo template lands in the plugin.

No renaming layers, no export settings, no file juggling.

Two ways to ship

One Figma plugin. Two Klaviyo workflows.

Image sections when you want Klaviyo flexibility. Responsive HTML when you just want to ship.

Mode 1

Image sections Used for 9 in 10 exports

Your design becomes separate Klaviyo image sections.

  • Best for flexible Klaviyo building
  • Separate clickable regions
  • Rearrange and add Klaviyo blocks

Text and buttons inside the exported images are not directly editable.

Mode 2

Responsive HTML

Your design becomes responsive HTML, ready to send.

  • Best for finished designs
  • Responsive output
  • Code editable in Klaviyo

Opens in Klaviyo's code editor rather than the drag-and-drop builder.

Both modes are on every plan, including Free. Switch whenever you want.

Northside Coffee pk_••••4b2a
Lumen Skincare pk_••••91f7
Atlas Outdoors pk_••••c30d
For agencies

One Figma file. Multiple Klaviyo accounts.

Save multiple Klaviyo accounts, choose the client you're working on, and push the same Figma workflow without repeatedly reconnecting accounts.

Each account is added once and picked from a list at export time. Unlimited accounts on every paid plan.

What's inside

Everything the handoff needed.

And nothing it didn't.

Automatic section detection

Figaviyo detects the sections of your email so you don't have to slice them manually. Adjust any region before you ship.

Handle the entire handoff inside Figma

Scan, adjust, compress, and push without manually exporting files or rebuilding the email.

Alt text handled automatically

Generate alt text for exported image sections without writing each one manually. Overwrite anything you want to.

Email-ready image compression

Every section is exported at 2x and compressed only as far as it stays crisp on retina screens. Templates are built lean to help long emails avoid Gmail clipping.

Multi-brand ready

Add each Klaviyo workspace as its own brand — name it, paste its key once. Pick which brand an export goes to with a click, no re-pasting keys.

Editable Klaviyo templates

Exports arrive as real Klaviyo templates, not pasted screenshots. In image mode you can still move sections, set a link on each one and add Klaviyo blocks. HTML mode opens in the code editor.

Who it's for

Built for people who design in Figma and ship in Klaviyo every week.

D
Freelance email designers

You design welcome flows, abandoned carts and weekly campaigns for Shopify brands. Figaviyo does the production part after design: slicing, compression, alt text, upload and the Klaviyo build. More clients, same hours.

See Starter →
B
In-house brand teams

Your designer works in Figma, your retention marketer lives in Klaviyo. Figaviyo removes the step in between, and the whole team can work from one shared account.

See Pro →
A
Agencies

Move between client accounts without repeating the handoff. Ship to every client's Klaviyo from the same Figma workflow, and handle revisions without rebuilding emails.

See Agency →
Pricing

Start free. Upgrade when your flows do.

Figaviyo saves about 15 minutes per email. At 15 emails a month that's almost 4 hours back, and Starter costs less than one of them.

That's about $0.38 per email on Starter, where comparable tools charge around $1.60.

Free
$0 forever

No credit card required

Try the full workflow on your first flow.

  • 5 emails per month
  • Image and HTML export
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • 1 brand
Install free
Pro
$49 /month

Billed monthly

For teams and busy freelancers.

  • 150 emails per month
  • Image and HTML export
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • Unlimited brands
  • Priority support (24h)
Agency
$129 /month

Billed monthly

For agencies shipping across client accounts.

  • Unlimited emails (fair use)
  • Image and HTML export
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • Unlimited brands
  • Priority support (24h)

30-day money-back guarantee

If Figaviyo doesn't save you time, email us within 30 days of your first payment and we refund it in full. Cancel anytime.

Questions

Things people ask before signing up.

Yes. In image mode every section arrives as its own image block in Klaviyo's drag-and-drop editor, so you click a block and paste its link, just like any other Klaviyo image. The hero can go to a product, the footer to your shop.
Image mode turns your design into separate Klaviyo image sections. Each one can have its own link, and you can rearrange them or mix in other Klaviyo blocks afterwards. The trade-off is that text and buttons inside those images are not directly editable. HTML mode exports the whole design as responsive HTML that arrives essentially ready to send and can still be edited in Klaviyo's code editor. Both modes are on every plan.
Gmail clips an email once its code passes about 102KB. Images don't count towards that, only the HTML. In image mode Figaviyo builds the whole email as one lean Klaviyo section, so a typical export stays around 25–35KB before Klaviyo adds its own code. If you add many extra blocks afterwards, check the size in Klaviyo's preview.
No. Each section is exported at 2x for retina screens and compressed only as far as it stays visibly sharp, so images stay crisp and still load fast.
Yes, but what you can change depends on the mode. In image mode you can reorder sections, set links, and add Klaviyo blocks around them, though the text baked into each image is fixed. In HTML mode you can edit the code directly in Klaviyo. For a text change to the design itself, edit it in Figma and push again.
Update the file, scan again, and push. Every push creates a fresh Klaviyo template rather than overwriting the last one, so your previous version stays intact and you keep a version history without doing anything.
Yes. Save each Klaviyo workspace as its own brand, then pick which one an export goes to. You add each key once and never re-paste it. Every paid plan includes unlimited brands, so the number of client accounts you manage never decides which plan you need. Free is limited to one brand.
Yes. Members of the same company or team can install the plugin and sign in with the same Figaviyo account, each from their own Figma login, and all be signed in at the same time. Plan limits apply across the account, so the monthly export allowance is shared. Each person adds the Klaviyo key once on their own machine.
On your own device, in Figma's plugin storage. When you export, the key is sent with that request so we can upload to Klaviyo for you, and it is not saved afterwards. The one thing we do keep is a salted one-way hash of it, which cannot be reversed into the key and exists only to stop a single Klaviyo account being used to farm multiple free plans.
One click on "Push to Klaviyo," whether you use HTML mode or image mode. Sections within a single email don't count separately.
Unlimited means you don't need to count uploads or worry about hitting a cap during normal use. We reserve the right to contact users with extreme usage patterns (typically 500+ uploads per month) to discuss their workflow. In practice, most users send 20–100 emails per month, so this rarely applies.
Your first flow is on us: 5 uploads cover a complete welcome flow. After that your allowance resets every month on the day you signed up, or you can upgrade anytime to keep going right away.
Yes, anytime. Upgrades take effect immediately, downgrades at the next billing cycle.
Yes. If Figaviyo doesn't save you time, email [email protected] within 30 days of your first payment and we'll refund it in full. You can also cancel a paid plan anytime; cancellations take effect at the end of your current billing period.
Yes. HTML and image-sliced modes work on every plan, including Free.

Get your hours back. Your next email doesn't need a rebuild.

Your first flow is free · No credit card · 30-day money-back guarantee on paid plans

Install Figaviyo free
Figma to Klaviyo, without the rebuildFree plan · No credit card Install free