How to Design Emails in Figma [Step-by-Step Tutorial]

Get a free 242-point Email and SMS Marketing Optimization Checklist by joining my newsletter: https://manage.kmail-lists.com/subscriptions/subscribe?a=X2kswm&g=Xu6Ysc Follow me on LinkedIn: https://www.linkedin.com/in/zach-schieffer/ Follow me on Twitter/X: https://x.com/ZachSchieff If you’re running a DTC Ecommerce brand and want us to help you add revenue & implement everything in this video: https://zhs-ecom.com/ 00:00 Introduction to Figma Email Design 00:12 Setting Up the Frame 00:44 Creating the Hero Header 01:31 Adding Text and Logo 03:26 Designing the Call-to-Action Button 05:15 Finalizing the Hero Header 07:13 Creating the Transition Section 11:05 Designing the Product Section 16:44 Adding the Footer Here's what I talk about in the video: In this video, Zach walks you through creating a Figma email design for the brand Muddy Bites from scratch. Starting with setting up a 600-pixel wide frame, he details the process of designing the hero header, including adding logos, images, and text elements seamlessly. Zach meticulously guides you on cropping images, blending text with backgrounds, and employing shortcuts to enhance the design process swiftly and efficiently. He also demonstrates how to create buttons, transition pieces, and sections that align perfectly with the brand's visual style, ensuring a professional look that stands out in shopify email marketing campaigns. Zach talks about the importance of matching brand colors, adding unique design elements like wavy transitions, and optimizing images and text for enhanced readability and visual appeal. Utilizing tools like the eyedropper and pencil, he shows you how to make intricate design adjustments and maintain consistency throughout the email layout. Moreover, Zach emphasizes the significance of speed and quality in email design, ensuring the final product is both attractive and functional. As an ecommerce strategy, integrating these design principles can significantly improve the impact of your klaviyo email marketing and SMS marketing efforts, ensuring that each email not only looks great but also performs well across different email clients.