How to Design Emails in Figma [Step-by-Step Tutorial]
Zach Schieffer
0:00 / 0:00
How to Design Emails in Figma [Step-by-Step Tutorial]
19 038 просмотров · 2 г. назад
Zach Schieffer
1,9 тыс. подписчиков
19 038 просмотров · 2 г. назад
📩 GRAB MY 20 FREE EMAIL TEMPLATES: https://zach-schieffer.kit.com/fa803e...
---
Follow me on LinkedIn: / 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://www.zhs-ecom.com/youtube
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.