Marka Email Generator – Create Emails in Figma [Outlook, Gmail, iOS]

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.

URLS

Primary website

Email templates library

Supabase email templates

What this plugin does

1. Convert any Figma frame into production ready HTML email code.
2. Generate Outlook compatible table based HTML.
3. Create responsive layouts from Auto Layout with mobile ready fallbacks.
4. Add automatic dark mode support.
5. Use merge tags and variables for Klaviyo, Mailchimp and HubSpot.
6. Export HTML emails directly to ESP platforms with one click.
7. Import existing HTML emails into Figma for visual editing.

Why teams choose it

1. Complete design freedom with no rigid blocks.
2. Clean, lightweight HTML output.
3. Works with Figma components, styles, variables and design systems.

What you can create with Marka Email Generator Plugin

1. Marketing newsletters
2. Product update emails
3. Welcome and onboarding sequences
4. Supabase email templates
5. Transactional emails including receipts and alerts
6. Klaviyo and Mailchimp campaigns
7. Professional HTML email signatures

How to use the plugin

1. Build your email layout in Figma

You 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 scratch

2. Add links, preheader text, and ESP merge tags

Before 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 Figma

Open 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