Free to try · No card
400+ emails exported

Your Figma email in Klaviyo.
Without the rebuild.

Stop slicing, compressing and rebuilding every email by hand. Figaviyo pushes your finished design into Klaviyo as a native template with sharp images, clickable sections and alt text, ready for your next campaign or flow.

Install Figaviyo free Watch 30 sec demo

5 free exports/month · No credit card · Both export modes included

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
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
~10 min manual handoff
With Figaviyo
A few clicks
Source: Marcel, Figma Community
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.

From finished Figma design to Klaviyo template in a few clicks.

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

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.

Native 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

Simple, honest pricing.

Both export modes on every plan. No feature gating, no surprises.

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 those hours.

Save 20%
Free
$0 forever

No credit card required

Try the complete Figma to Klaviyo workflow.

  • 5 uploads per month · enough for a full welcome flow
  • HTML & image-slicing modes
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • 1 brand
Install free
Starter
$19 /month

Billed monthly

For freelance designers and marketers shipping emails every week.

  • 50 uploads per month · about 10 complete flows
  • HTML & image-slicing modes
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • Unlimited brands
  • Email support (48h response)
Agency
$129 /month

Billed monthly

For agencies shipping across multiple client accounts.

  • Unlimited uploads (fair use)
  • HTML & image-slicing modes
  • Automatic section detection
  • Automatic alt text
  • Email-ready compression
  • Unlimited brands
  • Priority support (24h response)

“I create 15–20 emails a month, so this saves me nearly 5 hours every month.”

Gerrit Muilerman · Figma Community

Start free, no credit card. Every paid plan comes with a 30-day money-back guarantee on your first payment.

Questions

Things people ask before signing up.

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, no questions asked. 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.

Your next Figma email can be in Klaviyo in a few clicks.

5 exports/month · No credit card · Image + HTML modes included

Install Figaviyo free