20 Ecommerce Email Design Patterns, Broken Down
Twenty layout patterns from the ecommerce email programmes that work — what each one is for, why it converts, and the detail that usually breaks it.
5 min read
Email Design Guides
Practical guides to designing email in Figma: layout widths, reusable components, typography, dark mode, and the campaigns worth building.
The Black Friday and Festive Email Design Playbook
The full seasonal sequence from teaser to final hours, why calm designs beat loud ones in a crowded inbox, and how to handle cut-offs.
6 min read
Abandoned Cart Email Design: Structure, Timing and What to Leave Out
The four elements a cart recovery email needs, the sequence that works, and why adding urgency, discounts and alternatives makes it convert worse.
6 min read
The Anatomy of a Welcome Email That Actually Gets Read
What belongs in a welcome email, what to leave out, and why the feature tour most brands send wastes their most-opened message.
6 min read
Designing Dark Mode Emails in Figma
How email clients handle dark mode, which parts you can control, and how to design in Figma so your email survives being inverted.
6 min read
Email Typography: Web-Safe Fonts, Webfonts and What Actually Renders
Which fonts render in email clients, how fallbacks change your layout, and the size, leading and contrast decisions that make email readable.
6 min read
Figma to Email: How to Hand Off an Email Design a Developer Can Actually Build
What an email developer needs from a Figma file, what always gets lost, and how to specify the behaviour a static frame cannot show.
6 min read
Building an Email Design System in Figma: Components, Variables and Reusable Blocks
How to build a reusable email design system in Figma: component sets, text and image properties, palette variables, and a section library.
6 min read
Email Design Dimensions: Widths, Safe Areas and Mobile Breakpoints
The numbers that matter in email design — content width, the area visible before scroll, image sizes, tap targets and type minimums.
6 min read
How to Design an Email in Figma: A Complete Step-by-Step Guide
Frame widths, safe areas, auto layout, components and the handoff — a complete walkthrough of designing an email in Figma that survives real inboxes.
6 min read