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
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
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
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
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
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
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.