Turn any Figma design into responsive HTML that holds up in Outlook. No coding needed.
No sign-up, no card. 5 free emails every month.
Works with any email platform. Holds up in every inbox.
Getting a design out of Figma and into an inbox usually means one of three things.
Hours of nested tables and Outlook workarounds, for an email that took an hour to design.
Quick, but it’s blank when images are off, has only one clickable link, and is more likely to land in spam.
Every copy change goes back in their queue, so even small fixes add a delay.
Or skip all three. MarkupMail turns your design into real HTML in one click, and checks it before you export.
No rebuilding by hand, no waiting on a developer. Design the email the way you already do.
Design the email in Figma as you normally would, then select the frame you want to export.
MarkupMail builds email-safe HTML that holds up even in Outlook, with your text still editable. Then it runs 30+ checks and flags anything to fix.
Download a ZIP with the HTML, a plain-text version and the images, or copy the HTML and paste it into your email platform.
Real HTML wherever email can handle it, an image only where it can’t, and a reason every time.
Text stays live and editable. Only what email genuinely can’t do (rotated layers, masks, etc.) becomes an image, and MarkupMail tells you why.
Buttons, columns and background images look right in Outlook, even the old desktop versions.
Columns stack on phones automatically, or keep the desktop layout on every screen.
Set any layer to render as an image or live HTML, show it on desktop or mobile only, and choose how columns and cards sit on phones.
A ZIP with readable and minified HTML, a plain-text version and the images. Or copy the HTML straight out.
Merge tags stay exactly as you typed them, images can be hosted wherever you like, and GIFs keep moving.
Preview, check and copy your email in six tabs, without leaving Figma.
See the email on desktop or a phone from 320 to 430px wide, in dark mode, with images off, or in an Outlook simulation. Inspect mode shows what’s live text, what’s an image and what’s a button, and a line marks where Gmail will cut the email off.
Catches 30+ common problems before you export, from missing unsubscribe links and alt text to low contrast and Gmail’s size limit. It also tells you whenever something can’t be converted exactly, and why. A verdict at the top tells you whether the email is ready to send.
Every image with its size and file type. Write alt text right there, or mark an image as decorative.
Every link in the email in one list, so nothing ships pointing at the wrong place. Your merge tags are listed too, kept exactly as you typed them.
The finished code, colour-coded and ready to copy. Choose readable, or minified for a smaller file.
The plain-text version of your email, generated for you.
MarkupMail makes sensible choices on its own. When you know better, override them layer by layer.
Both plans get every check and the full preview. Upgrade when you need to export more.
Try it on real emails, with nothing held back but volume.
Free
What you get
For designers and teams sending more than 5 emails a month.
$20/month
For one person
Billed monthly
Everything in Starter, plus:
The things people ask before their first send.
Install MarkupMail from the Figma Community, select your email’s frame and click Generate. You’ll get email-safe HTML that you can download as a ZIP or copy straight into your email platform. No coding needed.
No. MarkupMail converts any design. With auto layout it knows how to make your email responsive; without it, it makes a best guess. Or choose Static to keep your layout exactly as designed.
Yes, that’s what MarkupMail is made for. It builds buttons, columns and background images the way Outlook expects, so they look right even in the old desktop versions. You can check with the Outlook preview, then send yourself a test before a big send.
Yes. Paste the HTML into Mailchimp, Klaviyo, HubSpot, Salesforce, Brevo or any platform that accepts custom HTML. Your text stays editable there, and merge tags like *|FNAME|* or {{ first_name }} stay exactly as you typed them.
Yes. MarkupMail keeps your text as live text, not part of an image, so you can change the copy in your email platform without going back to Figma. Only what email can’t do, like rotated layers or masks, becomes an image.
No. MarkupMail builds your email on your own computer, and your designs are never sent to us. Our privacy policy has the details.
Only exports. An email counts the first time you download it or copy its HTML, and exporting the same email again doesn’t count. Generating, previewing and checking never count. Your 5 free emails reset every calendar month, and Pro is unlimited.
Yes. Cancel from Manage subscription in the plugin’s Settings, and your plan keeps working until the end of the period you’ve paid for.
Yes. If MarkupMail isn’t right for you, email us within 14 days of your first payment for a full refund.
Install MarkupMail in Figma, select a frame and click Generate. Your first 5 emails every month are free.
Try MarkupMail free