How To Import Figma Email Designs Into Klaviyo

✨ Get monthly customizable email templates: theideainbox.c...
✨ Design emails like the big brands! Sign up for my Figma Email design course here: emailmarketing...
This quick tutorial is all about how to import your Figma email designs into the Klaviyo builder. There are a few ways to do this but I'm breaking down my most common way to get this assembled!
Want to try Figma for yourself? sparkbridgedig...
Want to work with me? www.sparkbridg...

[@harithHa-yp7bz]

thank you

[@SabrinaSaves]

Do you ever run into any issues with the image to text ratio causing issues with deliverability?

[@michaeljones2507]

Awesome video! Would love to hear more on your thoughts about fully image-based emails vs using live text and other Klaviyo blocks. Specifically around deliverability/accessibility.

[@unkuOlaa]

Awesome insights, great video as usual Peyton!

[@MaryCao-yy8is]

Thank you for the very helpful video. I am facing an issue: I created a GIF on Figma, but when I use a slide to transfer it to Klaviyo, it becomes a single image and loses its GIF effect.

[@user-jw6ef1sh4b]

Hey I really love how you explain things...but can you do tutorial about uploading design with gradient background (2-3 colors) and then there's a Button between those colors? Thanks

[@unkuOlaa]

I have done this before and what I think you can do is create a different design in Figma for the entire length, same width of your email, add in your gradients as you'd like em, then go into Klaviyo and upload it as a "content background" through the styles tab.
Idk if i did a good job of explaining but I hope you get it and this helps

[@louistromans3959]

Hey Peyton, you replied to my last comment and I can't appreciate that enough!! Love your content!
One more question. How do you incorporate dynamic content into klaviyo from the figma designs?
My users fill out a form and I want to use that to make it feel really unique and special when they open an email from me
Thank you so much again!!

[@peytonfox]

I typically try to marry together the design I make in Figma with the planned spots where dynamic content goes. So let's say you have a great feature section at the top of the email than then fades into a solid color background - that is where you can start your text block with dynamic data on the same color background. It'll blend in well with your other designed elements.
But the dreaded dark mode will bite you in the butt for this with it trying to change up that background color on you. It's tricky but do-able!

[@louistromans3959]

@@peytonfox You are an actual genius! Thank you so much Peyton.

[@saiyan-shorts6126]

Hi Peyton,
Can you help me with this simple issue? Is there a way in Klaviyo that I can determine whether a visitor who signs up via a form is a B2B or B2C customer? Do I need to add some custom property in Klaviyo because I want to send two different emails for each B2B and B2C? Please help me with this.
Thanks

[@georgibogoev]

Doesn't images impact deliver-ability to the emails?

[@peytonfox]

It depends on the brand and its sending history. If you have a great clean list, good engagement, minimal hard bounces and no spam complaints - then doing image-based emails are completely fine. Not a detriment to your deliverability at all. BUT if you are struggling it doesn't guarantee you'll be in spam or anything but it helps to have more actual HTML text in the message.

[@aquamagie]

How do you organize the emails by month?

[@peytonfox]

I put them into Monthly 'Sections' in Figma to keep it organized.

[@ASHATechnologySolutions]

thank you