How to Design Emails in Klaviyo | 2022 Tutorial [New Editor] | Figma + Klaviyo

Hi! My name is Monica Grohne and I'm the founder of Marea, a DTC subscription wellness brand AND a Klaviyo and email marketing consultant helping brands scale with email marketing.

HELPFUL LINKS:

ABOUT MAREA

a women's health company empowering women to take charge of their menstrual cycles through nutrition and lifestyle changes.

Learn more about Marea:

[cema]

Thank you for this tutorial I'm learning basic of klaviyo and now I have started to learn figma

[DevenBhatti-snyq]

How can I share Klavio template to my clients in Chat (Link or other)??

[thejoshhua]

What were the frame size dimensions on the mobile and desktop?

[jamestaylord]

What are the width and height of these designs that go into Kulaviyo? for desktop and mobile

[Booyachich]

Thanks for the video, definitely helped out. How did you get the buttons to not stack on mobile?

[emmabowen]

How does it look in dark mode? My emails look great but all messed up when sent to a phone in dark mode

[reubencoertzen]

Hi Monica. Just have a quick question. How would you export your Figma design to HTML and import it into Klaviyo as an HTML file?

[ambarasuandiartha]

Hello, thanks for the video! Is there a fix width size for the Desktop / mobile in Klaviyo?

[SimonStørup]

Hi Monica. Very helpful video!

I was wondering if you could put some context to why you design the way you do - more specifically, what does the different paths (designing in klaviyo versus uploading photo) do to deliverability?

I'm working with a very design focused boss and I need some clever & clear (quantitative) arguments on why he has to work directly in Klaviyo (with some compromises design wise).

Hope it makes sense!

All the best, Simon

[aquamagie]

Do you use any of the Figma plugins to export the email as HTML?

[pinkbarbiebliss]

Why do you prefer to design in Figma first rather than just designing right in Klaviyo?

[danielrib_]

You're absolutely beautiful! 😮 And the video was super helpful as well....thanks! 🙏

[purecosmos]

Could you please make a tutorial on how to add stacked images in email.
Thank you

[Cvdw]

How did you manage to get the first 'shop now' button upon the header image? :) I did not see it in Figma as well

[stephaniekillinger]

Hi Monica, I love your videos 😍. I have a question not concerning e-mails, but your superb symptom quiz on your Marea page. What kind of tool did you use to build it, since it seemlessly integrates into the page? I tried out Typeform, but it did not integrate so seemlessly before. Thanks for any hint.

[afreenhaneef]

How to add App store link to our emailer in klaviyo?

[royceballesteros]

hi, how can i make the images unclickble?

[muhammadmodsarjaved]

This is the good tutorial. Can you please tell me how to add two images side by side in a section?

[raelenelizabeth]

Super helpful, thank you! Would love to see a video showing how you make the initial design in Figma.

[cruzibarra]

Great video Monica! Experienced email marketer here and we still found tons of value from this!

What resources would you recommend for people starting out in Figma?