The fastest way to learn the Email Love Figma Plugin is to build something real. In these tutorials, we recreate actual emails from brands like Apple, Rivian, and Oura Ring — from a blank canvas to a finished, export-ready email.
Each tutorial runs 18–30 minutes and covers the full workflow: setting up your frame, building the layout with components, styling everything to match the original, and exporting. Follow along at your own pace, pause when you need to, and by the end you'll have a polished email and a solid understanding of how everything fits together.
Recreate an Apple Email
Time: ~20 minutes
Apple's emails are deceptively simple — minimal text, precise spacing, and product imagery doing all the heavy lifting. This tutorial is a great starting point if you're new to the plugin.
What you'll practice:
- Clean, image-heavy hero layouts
- Precise padding and spacing with Figma's auto layout
- Minimalist typography and CTA styling
- Working with full-width image sections
Video:
Recreate a Rivian Email
Time: ~18 minutes
Rivian's emails use bold imagery and dark backgrounds to create an immersive, adventure-driven feel. This is our shortest build and a good one to try after the Apple tutorial.
What you'll practice:
- Dark background email design
- Hero sections with background images
- Bold CTA buttons on dark backgrounds
- Balancing large imagery with concise copy
Video:
Recreate an Athletic Brewing Email
Time: ~20 minutes
Athletic Brewing's emails are bold, colorful, and product-forward — perfect for learning how to build engaging ecommerce layouts with strong visual hierarchy.
What you'll practice:
- Product-focused grid layouts
- Vibrant color schemes and brand consistency
- Multi-column product showcases
- Effective use of section dividers and spacing
Video:
Recreate a Milk Bar Email
Time: ~25 minutes
Milk Bar's emails are fun, playful, and packed with personality — a great exercise in translating a bold DTC brand into email. This build covers more complex layout patterns.
What you'll practice:
- Playful typography and color combinations
- Multi-section layouts with varied content blocks
- Product photography integration
- Building emails that feel on-brand without a formal design system
Video:
Recreate an Oura Ring Email
Time: ~26 minutes
Oura Ring's emails blend health-tech sophistication with clean, data-driven design. This is a slightly longer build that covers more advanced layout techniques.
What you'll practice:
- Sleek, tech-forward email aesthetics
- Dark mode considerations for product imagery
- Data visualization and feature highlight sections
- Complex multi-section layouts with consistent spacing
Video:
Build a Square Email
Time: ~29 minutes
Square's emails balance professionalism with approachability — clean fintech design with strong information hierarchy. This is our most comprehensive build.
What you'll practice:
- Professional B2B email layout patterns
- Information-dense sections with clear visual hierarchy
- Icon and illustration integration
- Building longer, multi-purpose emails with multiple CTAs
Video:
Tips for Following Along
- Pause often. These tutorials move at a steady pace. Hit pause whenever you need to catch up.
- Don't aim for pixel-perfect. Focus on learning the workflow and component patterns. You can refine details later.
- Try it with your own brand. Once you've completed a tutorial, try rebuilding one of your own company's emails using the same techniques.
- Check the Help Docs. If a specific technique comes up that you want to go deeper on — like dark mode optimization, mobile optimization, or dynamic content — we've got dedicated articles that go into detail.
Want to see more tutorials? Check out the full Demo Videos page for how-to guides on specific features and ESP integrations.
Powered by