Skip to main content
Working faster in the Email Love plugin isn’t about cutting corners. It’s about eliminating friction so you can focus on design. Here are the keyboard shortcuts and workflow habits that power users rely on.

​
Figma Shortcuts for Email Design

These are standard Figma shortcuts that are especially useful when designing emails:

​
Workflow Tips

​
1. Start with the Design System File

Don’t start from a blank canvas. Duplicate the Ultimate Email Design System file and customize components to match your brand. This ensures correct MJML structure from the start.

​
2. Build a Component Library

Once you’ve customized your components, save them inside the Email Love plugin for reuse across all your projects. This creates consistency and saves significant time on every email.

​
3. Name Your Frames

Your email frame name becomes your template name in your ESP. Use clear, descriptive names like “2026-02-Valentine-Promo” rather than “Frame 47.”

​
4. Use Auto Layout Everywhere

Never manually drag elements to position them. Use Figma’s Auto Layout for spacing. It maps directly to MJML padding, giving you precise control that translates perfectly to email code.

​
5. Check Structure → Fix → Export

Make this your export ritual. Every time. Check your email structure for issues, fix anything flagged, then export. It takes 30 seconds and prevents embarrassing rendering bugs.

​
6. Preview with Fallback Fonts

Before exporting, toggle “Show Fallback Fonts” in the preview panel. This shows you what 70%+ of your audience actually sees. Design decisions should account for the fallback view.

​
7. Test in Real Clients

The plugin preview is an approximation. For production emails, test in Litmus, Email on Acid, or InboxMonster to see real-device rendering.