Marka Email Generator – Create Emails in Figma [Outlook, Gmail, iOS]
Export fully custom HTML email templates from Figma
Plugin 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
Plugin Details
| Version | 332 |
|---|---|
| Created | September 5, 2019 |
| Last Updated | February 8, 2026 |
| Category | Import & export plugins |
| Creator | Marka Plugin Dev |
| Stats | 21907 installs, 1313 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
Access to any domain is required to connect to email marketing platform APIs and load external images and fonts into email templates.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML