- How Emailify Works
- Create New Email
- Set Email Background Color
- Add Starter Components
- Preview HTML Emails
- Insert New Rows
- Add Columns
- Wrap Multiple Rows
- Add Hero Blocks
- Static Fallback Layers
- Optimizing for File Size
- Background Colors
- Background Images
- Adjust Layout Padding
- Spacing Between Layers
- Align Layouts & Elements
- Borders & Divider Lines
- Full Width Backgrounds
- Headings & Paragraphs
- Dynamic Personalization
- Data Tables
- Inject Custom Code
- Text Localization
- Image Links
- Paragraph Links
- Button Links
- Social Icon Links
- Navigation Menu Links
- Unsubscribe Links
- UTM Parameter Links
- Mobile Style Overrides
- Show/Hide on Mobile/Desktop
- Stacking Mobile Columns
- Flip Desktop Column Order
- Fluid Width Buttons
- Dark Mode
- Custom Fonts & Fallbacks
- Hover States
- Mobile Hamburger Menu
- Button Gradient Backgrounds
- Button Drop Shadows
- Subject Line & Preheader Text
- Export to HTML (.zip)
- Image Hosting
Email Platform Integrations
- Netlify Preview Link
Email Signatures
- PDF Export
- MJML Code
- Custom Webhook
- Inject Global HTML/CSS
Layout Elements
Content Elements
- Emailify Video Tutorials
Getting Started
Creating Layouts
Styling Layouts
Adding Text Content
Adding Links
Responsive Design
Progressive Enhancements
Exporting Emails
Emailify Elements Glossary
Video Tutorials
Emailify Video Tutorials
The best free Figma tutorial videos for beginners (or power users) to level up.
Designing Emails
This video tutorial is a complete step-by-step guide showing you how to design and export production-ready, responsive HTML email from Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to design a Figma component library for HTML emails using the Emailify Figma plugin.
This video tutorial is a complete step-by-step guide showing you how to easily add design elements to email designs in Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to add custom components to your email designs and export production-ready, responsive HTML emails from Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to add custom categories for Figma email components using the Emailify Figma plugin.
This video tutorial is a complete step-by-step guide showing you how to add UTM tracking code to HTML email links from Figma using the Emailify Figma plugin.
This video tutorial is a complete step-by-step guide showing you how to add Outlook-compatible rounded gradient buttons to HTML emails using the Figma Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to add hover effects to buttons in HTML emails from Figma using the Emailify Figma plugin.
This video tutorial is a complete step-by-step guide showing you how to add hover colors to text links in HTML emails from Figma using the Emailify Figma plugin.
This video tutorial is a complete step-by-step guide showing you how to add animated GIFs to your email designs and export production-ready, responsive HTML emails from Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to embed custom web fonts (with web-safe fallbacks) in HTML email exports from Figma using the Figma Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to add custom dark mode style overrides to your email designs for exporting production-ready, responsive HTML emails from Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to design and export production-ready, responsive HTML email from Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to add a countdown timer to HTML emails in Figma using the Emailify plugin.
Email Content
This video tutorial is a complete step-by-step guide showing you how to add dynamic content to HTML emails in Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to translate HTML email designs with localization in Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to localize HTML email designs with markdown text formatting in Figma using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to translate HTML email designs with the Lokalise API and Figma by using the Emailify plugin.
This video tutorial is a complete step-by-step guide showing you how to automatically generate tables for HTML emails in Figma from XLSX/CSV or Google Sheets using the Emailify plugin.
Platform Integrations
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to MailChimp.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Campaign Monitor.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Klaviyo.
This video tutorial is a complete step-by-step guide showing you how to add custom Klaviyo product feeds into custom HTML templates with the Emailify Figma Plugin.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Postmark.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Salesforce Marketing Cloud.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Pardot.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to SendGrid.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Mailjet.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to SendPulse.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Brevo (formerly called “Sendinblue”).
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Mailgun.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Customer.io.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to HubSpot.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Braze.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to ActiveCampaign.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to OneSignal.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Selzy.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Omnisend.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Zoho Campaigns.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Stripo.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to MailerLite.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to EmailOctopus.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Loops.so.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to GetResponse.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to ConvertKit.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Constant Contact.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Drip.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Aweber.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to SugarCRM (Sugar Market).
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Benchmark Email.
This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Omnisend.
Preview Links/PDFs
This video tutorial is a complete step-by-step guide showing you how to upload preview links for HTML emails from Figma to Netlify using Emailify.
This video tutorial is a complete step-by-step guide showing you how to export HTML emails from the Figma Emailify plugin to PDF files.
This video tutorial is a complete step-by-step guide showing you how to export emails as grayscale wireframe previews from the Figma Emailify plugin to PDF files.
Testing Emails
This video tutorial is a complete step-by-step guide showing you how to upload HTML email tests from the Figma Emailify plugin to Email on Acid.
This video tutorial is a complete step-by-step guide showing you how to test HTML emails in different clients with exports from Figma using the Emailify plugin and Litmus.com.
This video tutorial is a complete step-by-step guide showing you how to test HTML emails in dark mode with exports from Figma using the Emailify plugin and Litmus.com.
This video tutorial is a complete step-by-step guide showing you how to test HTML emails in Gmail with exports from Figma using the Emailify plugin and Litmus.com.
This video tutorial is a complete step-by-step guide showing you how to test HTML emails on mobile with exports from Figma using the Emailify plugin and Litmus.com.
This video tutorial is a complete step-by-step guide showing you how to test HTML emails in Microsoft Outlook with exports from Figma using the Emailify plugin and Litmus.com.
This video tutorial is a complete step-by-step guide showing you how to send yourself tests of HTML emails from Figma using the Emailify plugin and PutsMail.com.
Was this page helpful?