Figma to HTML email
Turn Figma designs into HTML email
Convert your flex layouts directly into HTML email templates
Who is it for?
Web developers & agencies
Creating email HTML templates
Marketers & start ups
Looking to quickly run email campaigns
Start translating Figma designs to email HTML
How to use it?
Step 1:
Create your email design using native Figma prototype capabilities.
Step 2:
Make sure you use flex layouts
Step 3:
Select "email Compatible HTML" under HTML
Step 4:
View the code, and see how it renders in Anima playground. Copy the code in playground and paste it into your email client.
Try it Yourself
Figma file
File with pre-designed components that you can use to check the code.
Live page
See how the design translated into code.
What users say
“I really like Anima because when I show Animas’s output to clients, they can already see it as a finished product, with layouts and micro-animations giving life to it. There is no need to envision anything, it is all there in front of their eyes.”
Masoud Rawahi
CEO & Founder @PhazeRo
“ I would estimate we’re cutting the time to get from the starting line to a POC or MVP by about half (50%) using code generation.”
Jeffery Mac
SVP Services & Solutions @Radiant
“The approach we’re taking right now is largely leveraging code generation (Anima) for things like usability tests or for designing new domain components.”
Lam
Director of Digital Experience @Radiant
Try it out today
We only have to do this once!