Do you guys recommend constructing emails on Klaviyo’s editor or designing on figma and then slicing and inserting into Klaviyo? I like that the figma alternative gives you more customization but would like to know how everyone else is using Klaviyo.
Should I create my templates in Figma or in Klaviyo?

Best answer by Taylor Tarpley
Hi
Welcome to the Community! Happy to help!
Ultimately it’s up to you! However, if you do use Figma, it should be noted that when uploading Figma designs to Klaviyo, you will need to either:
- Convert your Figma template to HTML
- Create flat files to be upload to your template editor as images
If you upload image files, I’d ensure that you follow our documentation on how to ensure quality image resolution for uploaded files!
If you go the HTML route, you should be able to export the HTML of the design from Figma and upload it into Klaviyo as an HTML email. In addition, I'd like to highlight some of the info listed in our guide on Custom CSS, Javascript, and HTML in Klaviyo, we only recommend using custom HTML under certain circumstances or if you have access to a developer that's able to troubleshoot the code. While our product does support custom HTML however so your developer or a Klaviyo partner will need to set this up for you or do any troubleshooting that might arise.
With that being said, certain HTML and CSS elements are not currently supported. For example, if you are looking to make your email interactive in Gmail by using certain CSS attribute selectors, you may see your template trigger an error in Klaviyo. Klaviyo also does not currently support certain operators (like ~) in email templates and this may limit the extent to which certain custom HTML and CSS can be used. If your template contains HTML or CSS that isn't fully supported, then you'll start seeing some inconsistencies.
If you find that any of your HTML is not rendering properly when importing from Figma, then I recommend reviewing this section of the guide, which takes you through some troubleshooting steps. However, the best way to prevent running into possible issues is to build the templates directly using our template editor.
Finally, here’s a helpful video on how to use Figma <> Klaviyo. I also wonder if any of our Community Champions have any experience uploading templates or images from Figma and can share their advice?
-Taylor
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.