How To Design Professional Emails with Figma 2024 for Klaviyo

In this video, i am going over how to design optimal email in Klevyio for your E-com brands that will increase your conversion rate!

Want me to run your brand’s email and SMS marketing?
Book a time to speak with me personally

Join Email Elite (a private mailing list for ecom owners and retention marketers)

Upon entering your receive access to our ecom vault of resources:
- A design file of 100 high performing campaign designs that I’ve done
- Template of our ecom subscription LTV and churn calculator
- Training on how to audit your own Klaviyo account

More to be added overtime.

Instagram @realboyuanzhao

[Kwelar]

This is NOT an "optimal" email design. These are just images and are going to end up in the spam/ junk folder automatically. You need to have html text in the email so it won't get flagged.

[austinwhiting]

So the emails are all image based? Have you had issues deliverability doing it this way?

[JackEcom]

Nice one man, Love the high level overview. I made something similar but a bit more in depth just yesterday.

[wethecopybros]

man you killin me, audio out of only one side every time

[DvJorn]

Very informative and practical! Would you suggest use different ratio's or aspects for mobile versions or can you keep the same layout?

[ry-stewart]

i likeee this, my copy is great but I've just started working with ecom brands so need to step up my design game 😎😎

[timruder]

Hey Boyuan, van you work with slices and universal content sections together in 1 email without having issues with the visibility on different devices?

[keonitebei]

this is dope but my klaviyo audience is majority outlook and they dont have the image on, so im stuck on the classic builder crafting these emails

[elias]

I used this exact method, with a very similar template using Figma and Klaviyo and my test emails are going to spam! I tried sending out to 4 email addresses and only 1 of them received the test email in their promotions! Can you please explain why?

[lilbrusselsprout]

If it's an image, then how do you make the CTA's actual buttons?

[emmanuelmiguel]

Please can you make a video on how to create the email design from scratch without having an already designed email in figma?

The issue is building from scratch not drag and drop from already built email

[ArafatHassan-uhbb]

is it safe to use all images to build a email?

[dimakim]

But not everyone has their image display enabled by default so they wont see anything

[arabsaleman]

So the email is just images? what about the " I want this button ", the email receiver is just gonna be clicking a

[christiana]

What about the buttons? Because the buttons don't work being only a graphic. Is it possible to just put a real button via klaviyo onto the image's button?

[rachealkazembe]

I love this!!! Definitely going to give it a go!

[mathchrome]

Where did you original design copy from? We just need to add these pics from original design? Please make a video from scratch

[Ahmadhabash]

so i cant make a header with diffrent links? example shop men->link to men shooping, shop women ->link to women shooping on the site. etc. etc.

[Darlucian]

Why designers create newsletter emails in Figma and not in Photoshop?

[bollywoodmusicbox]

Hey come on just for the sake of views, don't share something that affects the deliveriability. What the point of doing this if your email lands to the spam? Only teach what you personally do with your clients