Export Figma to Email - Mailkick.app
Export to clean HTML in 2 clics
Plugin Preview
About this plugin
Mailkick is a design system toolAlways stay on brand and scale your email operations.Send your figma design to email in Mailkick with the Figma plugin.Mailkick uses react email to generate it's HTML output. Free to use. No credit card required.-----Turn any Figma design into a production-ready email. No special components, no Auto Layout constraints — just select, copy, paste. HOW IT WORKS 1. Select your email frame in Figma 2. Click "Copy to clipboard" in the plugin 3. Paste into the Mailkick editor (Cmd+V) 4. Fine-tune, translate, and sync to your ESP----- WHAT GETS COPIED ✅ Text (styles, bold, italic, links) ✅ Images (auto-optimized JPG/PNG) ✅ Buttons (background, radius, padding) ✅ Layout (Auto Layout → responsive columns) ✅ Colors, borders, spacing----- WHAT 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 custom rules----- RENDERS EVERYWHERE Gmail · Outlook · Apple Mail · Yahoo · all major email clients----- SYNC TO YOUR ESP 📬 Brevo · Klaviyo · SendGrid · Customer.io · OneSignal
Plugin Details
| Version | 7 |
|---|---|
| Created | January 12, 2026 |
| Last Updated | March 5, 2026 |
| Category | Import & export plugins |
| Creator | mailkick.app |
| Stats | 0 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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