Marka Email Generator – Create Emails in Figma [Outlook, Gmail, iOS]
by Marka Plugin Dev
Export fully custom HTML email templates from Figma
Installs
22,580
Likes
1,394
Users
69,593
Views
90,751
Preview
About this plugin
Marka Email Generator is a plugin for designing, building and exporting responsive HTML email templates directly from Figma.
Create newsletters, onboarding emails, transactional emails, Supabase email templates, email signatures and fully branded email layouts.
Export clean, email safe HTML that works in Gmail, Outlook, Apple Mail, iOS and Android clients, Klaviyo, Mailchimp, HubSpot, SendGrid, Postmark, Brevo and every major ESP.URLSPrimary websiteEmail templates librarySupabase email templatesWhat this plugin doesConvert any Figma frame into production ready HTML email code.
Generate Outlook compatible table based HTML.
Create responsive layouts from Auto Layout with mobile ready fallbacks.
Add automatic dark mode support.
Use merge tags and variables for Klaviyo, Mailchimp and HubSpot.
Export HTML emails directly to ESP platforms with one click.
Why teams choose itComplete design freedom with no rigid blocks.
Clean, lightweight HTML output.
Works with Figma components, styles, variables and design systems.
What you can create with Marka Email Generator PluginMarketing newslettersProduct update emailsWelcome and onboarding sequencesSupabase email templatesTransactional emails including receipts and alertsKlaviyo and Mailchimp campaignsProfessional HTML email signaturesHow to use the plugin1. Build your email layout in FigmaYou can create your email using any workflow you prefer:- Use ready-made Figma email templates- Build emails using drag-and-drop blocks and reusable components- Create a completely custom responsive email design from scratch2. Add links, preheader text, and ESP merge tagsBefore exporting your HTML email, make sure your Figma frame includes:- Clickable URL links- Optional preheader text- Mobile overrides if needed- ESP-specific variables and merge tags (Klaviyo, Mailchimp, HubSpot, etc.)3. Export HTML email code from FigmaOpen the Marka plugin, select your email frame, and click Export HTML.
You can choose how to use your exported email:- Download clean, production-ready HTML- Copy the HTML code to your clipboard- Send yourself a test email to preview the result- Export directly to Klaviyo, Mailchimp, HubSpot, Brevo, Postmark, or SendGrid
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF