Email Design System
project overview
The Modular Email Design System is a self-initiated Figma project focused on creating a scalable, flexible approach to email design. Built using reusable components, Figma variables, and consistent visual foundations, the system includes typography, color styles, configurable modules, and email templates. The goal was to streamline email production while maintaining consistency, flexibility, and ease of customization across different brands and campaigns.
project type
Design System Work
year
2026
my role
Product Design
client
Self Initiated
My contributions: Design system architecture · Component authoring · Figma variables · Visual foundations · Template design Explore the project yourself: https://www.figma.com/design/nFU4OwMJERjlgf7segRnd7/Modular-Email-Design-System?node-id=0-1&t=O7qbayvPX5SiVqkv-1 The project began by establishing a consistent visual foundation for email design, including typography, color palettes, spacing guidelines, and responsive layout grids. These foundations were organized into reusable Figma styles and variables to support consistency and customization across different email formats. Building on this foundation, I developed a library of modular components, including headers, footers, hero sections, content blocks, product cards, and CTAs. Component properties and variants were used to create flexible layouts that could accommodate different content needs without requiring entirely new designs. The final system brings these elements together through reusable email templates, demonstrating how individual components can form complete, cohesive layouts. The project strengthened my approach to component architecture, scalable design systems, and creating efficient workflows for email production.
