Export Figma to HTML Email by Mailkick

Copy your email in FigmaPaste it in Mailkickexport the HTML1. Your HTML email works in Gmail, Outlook and Apple Mail.

2. You decide how it looks on mobile.

3. You decide the colors in dark mode.

4. Your images come along, hosted automatically.

⚠️ Design with Auto Layout. Without it, your email will not look right.

How it worksSelect your email frame in Figma (built with Auto Layout)Click "Copy to clipboard"Open Mailkick and click "Paste from Figma", or press Cmd+VFine-tune, translate, and sync to your ESPDocumentation and walkthrough : https://docs.mailkick.app/integrations/figma-pluginWhat gets copiedText (styles, bold, italic, links)Images, icons and illustrations (auto-optimized JPG/PNG)Buttons (background, radius, padding)Layout (Auto Layout becomes responsive columns, wrapped rows become grids)Colors, borders, spacingMobile and dark modeSet your spacing, text size and alignment for mobile, and choose which blocks show only there.

Pick your dark mode colors, or keep your email light everywhere.

What you can build📰 Newsletters and marketing campaigns👋 Welcome and onboarding sequences🧾 Transactional emails: receipts, alerts, notifications📣 Product updates and announcementsWhat you set up in Mailkick🎨 Design tokens (colors, fonts, button styles), imported from your website in one click🧩 Reusable components (header, footer, blocks) that sync across all emails🌍 AI translation with your own rulesRenders everywhereGmail · Outlook · Apple Mail · Yahoo · iOS · AndroidClean HTML email code generated with React Email, tested on the major clients.

Sync to your ESP📬 Brevo · Klaviyo · SendGrid · Customer.io · OneSignal · HubSpot, or export the HTML emailSupportsupport@mailkick.app