The Email Design Preview feature in the Email Love Figma plugin interface allows you to see how your email design will appear across various devices. This improves overall email compatibility and ensures that your design looks great everywhere. Follow the steps below to use this feature effectively.
Using the Email Design Preview Feature
- Once you have completed your email design in Figma, select the frame that you want to preview.
- Click the Preview button in the Plugin interface.
- In the Preview window, select the device you want to preview your email on from the list.
- Desktop
- iPhone 14
- iPhone SE
- iPhone XR
- iPhone 12 Pro
- iPad Mini
- Pixel 7
- Samsung S8
- Surface Duo
- The email will then be rendered in the appropriate size, allowing you to see how your email will look on the selected device.
- Email designs are rendered in light mode by default. To preview how your email design will appear in dark mode, select the Dark button on the top right. You can switch between Light and Dark modes until you are satisfied with how your design looks using these contrasting themes.
- Once you are satisfied with the preview, click on the Export button. This will take you to the Export page where you can choose to export the design as email-friendly HTML, MJML, or directly to email marketing platforms like MailChimp and Klaviyo.
Tips for Optimal Preview
- Always preview your email design on multiple devices to ensure it will look good for all recipients.
- Use both light mode and dark mode previews to verify that your email is readable and visually appealing in different display settings.
- Make use of the export options to streamline your workflow, saving time and ensuring consistency across your email campaigns.
By following these steps, you can ensure your email designs are well-optimized for all devices and email clients, leading to better engagement and a more professional appearance.
Powered by