Design Partner wanted Be the first to access new features and help shape Frontier to fit your needs. Become a Design Partner
Design Partner wanted Be the first to access new features and help shape Frontier to fit your needs. Become a Design Partner

Figma to HTML email

Turn Figma designs into HTML email

Convert your flex layouts directly into HTML email templates

Get full website or app from Figma design

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
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
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
Lam
Director of Digital Experience @Radiant
https://a.storyblok.com/f/89137/1440x969/49eb73e72c/hero-section.png https://a.storyblok.com/f/89137/1440x969/49eb73e72c/hero-section.png

Try it out today