Recorded on Dec 11, 2025 10:00 AM
Stop rebuilding your Figma designs inside Iterable’s drag-and-drop editor. In this 30-minute webinar, I’ll show you how to design emails in Figma and export production-ready code to Iterable with one click—no manual rebuilding required.
What You’ll Learn
If you’re designing emails in Figma but then spending hours recreating them in Iterable, this webinar will change your workflow. We cover:
The Design-to-ESP Gap
Most teams have a painful workflow: Design a beautiful email in Figma → Screenshot it → Try to recreate it in Iterable’s drag-and-drop editor → Fight with spacing, fonts, and image alignment → Realize it doesn’t look like the original → Start over. There’s a better way.
Why Email Designers Love Figma (But ESPs Don’t)
Figma gives you design systems, reusable components, and pixel-perfect control. Iterable’s drag-and-drop editor? Not so much. The problem isn’t the tools—it’s that they don’t talk to each other. Until now.
Our Solution: Figma Plugin → Iterable Integration
We built a plugin that lets you design in Figma using your brand’s component library and export directly to Iterable as production-ready HTML. No copying and pasting. No rebuilding layouts. Just design, click export, and your email shows up in Iterable ready to send.
Live Demo: Building an Email from Scratch
I’ll build a real promotional email live in Figma using reusable components, export it to Iterable with one click, and show you the final result. You’ll see:
- How to set up a component-based design system in Figma
- How to design emails that work across all email clients
- How to export to Iterable without writing code
- How your design system components map to Iterable modules
- Why this eliminates back-and-forth between designers and developers
The Component Library Advantage
I’ll show you how reusable components let you build emails faster, maintain brand consistency, and make global updates instantly. Change your CTA button style once in Figma, and it updates across every email campaign automatically.
Handling Dynamic Content and Personalization
The plugin supports Iterable’s merge tags (like {{firstName}}), conditional content blocks, and dynamic data sources. I’ll show you exactly how to add personalization without leaving Figma.
Who This Is For
- Lifecycle marketing teams at SaaS, ecommerce, or DTC brands using Iterable
- Email designers tired of recreating Figma designs in drag-and-drop editors
- Marketing teams who want faster campaign production
- Anyone who’s ever said “Why doesn’t Figma just export to Iterable?”
- Teams building design systems for email
Real Talk
I’ve worked at Campaign Monitor, Emma, Sailthru, and other major ESPs for 15+ years. I’ve seen how much time teams waste rebuilding designs in ESP editors. When we started working with Iterable customers, we kept hearing: “We design everything in Figma, but then we have to rebuild it manually in Iterable.” So we fixed it.
This isn’t about making things slightly better. It’s about eliminating an entire step in your workflow. If you’re designing emails in Figma and using Iterable, you need to see this.
Watch the webinar above to see exactly how to export Figma designs to Iterable in one click (even if you’ve never used our plugin before).
Questions? Email us at [email protected], join our Discord community, or book a demo with us.
Try the Email Love Figma Plugin free: https://www.emaillove.com/figma-plugin/
Speakers
Andy King
Founder, Email Love
Andy created the Email Love Figma Plugin to solve the workflow inefficiencies that plague email production teams—letting designers work in Figma and export directly to any ESP without rebuilding in code. Andy writes weekly about email design, strategy, and the realities of building a bootstrapped SaaS business.
