In this tutorial, we’re recreating a Milk Bar email with a focus on accessibility, dark mode optimization, and mobile responsiveness. Join Andy from Email Love as he transforms this image-heavy email into a cleaner, more flexible HTML version using the Email Love Figma Plugin—all without leaving Figma.
🔹 What you’ll learn:
→ Setting up an email structure in Figma
→ Converting image-based text into HTML for better accessibility
→ Enhancing dark mode rendering
→ Optimizing fonts, buttons, and layouts for consistency
→ Exporting and testing the final email
Whether you’re an experienced email designer or just getting started, this step-by-step guide will help you build better, more effective emails.
Try the Email Love Figma Plugin here 👉 https://www.figma.com/community/plugin/1387891288648822744
Edit this template here 👉 https://www.figma.com/community/file/1471978623563029813
Download design assets & resources 👉 https://www.figma.com/@emaillove
Follow Email Love on social media:
LinkedIn: https://www.linkedin.com/company/email-love/
Instagram: https://www.instagram.com/emaillove_com/
Twitter: https://x.com/emaillove
Hit play, and let’s build a great email together.