Figma to HTML Email: Free Export, Works with Any Marketing Platform
Turn your Figma email design into clean, production-ready HTML: free, and works with any MAP
Plugin Preview
About this plugin
Turn Figma Designs into Production-Ready HTML In SecondsTurn your Figma email design into clean, production-ready HTML: free, and it works with whatever marketing automation platform (MAP) you send from.Why designers & marketers love it💸 Free forever: No trial limit, no credit card, no commitment. Unlike Emailify (paid after your first 10 exports), there's no cap here: see if it does what you need before you pay for anything.✅ Renders right in Outlook, automatically: built on MJML, the same open-source framework the email industry uses to render beautifully across Gmail, Outlook, Apple Mail, Yahoo, and every other inbox's quirks. Table-based layouts and proper Outlook button sizing, baked in from the start.📱 Mobile-responsive out of the box: most email is opened on a phone first, and every layout MJML produces adapts automatically. No separate mobile design pass required.🖼️ Images just work: every image is hosted on Knak's CDN with a real, public URL the moment you export. Emailify makes you set up your own S3/B2/R2 bucket for durable hosting; here, it's automatic.⚡ No code required: go from Figma design to production-ready email HTML without writing a line, or looping in a developer.How it works1. Build your email in Figma using the plugin's components: Drag in sections, columns, text, images, and buttons from the Knak panel.2. Tell us your email address: Enter your email and the marketing platform you're sending from.3. Get your HTML: We convert your design into MJML-powered HTML and email it back to you in seconds, ready for Klaviyo, Mailchimp, HubSpot, Marketo, Salesforce Marketing Cloud, or any other platform.Before you exportUpdate your social icons before sending: they default to each platform's generic homepage (not your brand's page) until you edit the URLs directly in the HTML. Easy to miss, since the icons look finished either way.Set links on the text layer, not the button or frame: that's what carries through to the HTML.Image links and prototype links don't carry over; add those directly in the exported HTML.There's no in-plugin preview, so give the HTML a quick check before you send.Want Governance & Brand Control in a Click?Want more than a one-off HTML file? This plugin is also the front door to Knak's full email builder: turn your Figma designs into fully editable, reusable modules and themes, not just static HTML. Push a design into Knak with one click, and marketing ops gets brand governance built in: locked components, approval workflows, and AI-assisted building that make every email after the first one faster. See Knak in action →Already a Knak customer? Here's how to use this plugin with your Knak account →
Plugin Details
| Version | 38 |
|---|---|
| Created | February 7, 2025 |
| Last Updated | September 28, 2026 |
| Category | Import & export plugins |
| Creator | Michael Harris |
| Stats | 96 installs, 34 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:plugin.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.marketo.com
- https://assets.knak.io
- https://enterprise.knak.io
- https://enterprise.preprod.knak.io
- https://figma.knak.io
- https://figma.preprod.knak.io
- https://figma.staging.knak.io
- https://figma.testing.knak.io
- https://info.knak.com
- https://knak.com
More Like This
Discover other plugins in the Import & export plugins category.
CoverCraft - Figma x Hashnode
Seamlessly Set Cover Images from Figma to Hashnode
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes