ESP Dark Mode Preview
by Boostify
Dark mode previews for every major email client, right in Figma.
Installs
0
Likes
0
Users
11
Views
16
Preview
About this plugin
ESP Dark Mode Preview clones your artboard and shows you how it actually renders across the major email clients that apply automatic dark mode, so you catch problems in Figma instead of in someone's inbox.
Select your artboard, choose which clients to compare, and generate previews for:
Apple MailGmail AndroidGmail iOSSamsung MailOutlook.com, iOS and AndroidOutlook WindowsOutlook Desktop (classic, shown as a reference with no auto dark mode)Each client gets its own color engine, built from documented and observed behavior, not a single blanket invert. Colors, gradients and images are all handled, so you can spot a vanishing logo, a button that loses contrast, or a photo that shifts color, all in one view next to your original design.
New frames generate in a tidy grid right beside your source artboard, named and organized so nothing gets lost on the canvas.
Built for email designers who are tired of finding out how their dark mode renders only after the campaign goes out.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility