Help Center
How can we help? πŸ‘‹

Keyboard Shortcuts & Workflow Tips

Speed up your email design process

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:

Action
Mac
Windows
Open plugin
Cmd+/ then type "Email Love"
Ctrl+/ then type "Email Love"
Select child layer
Enter
Enter
Select parent layer
Shift+Enter
Shift+Enter
Duplicate component
Cmd+D
Ctrl+D
Copy/Paste
Cmd+C / Cmd+V
Ctrl+C / Ctrl+V
Group selection
Cmd+G
Ctrl+G
Auto layout
Shift+A
Shift+A
Add frame
F
F
Zoom to selection
Shift+1
Shift+1
Toggle layers panel
Option+1
Alt+1

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. Copilot β†’ Fix β†’ Export

Make this your export ritual. Every time. Run Copilot, fix any issues, 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.

Did this answer your question?
😞
😐
🀩