---
url: "/emailify/tutorials.md"
description: "Learn how to design responsive HTML emails in Figma, build reusable components, test layouts, and export to email platforms with Emailify."
---

# Emailify Video Tutorials

> Learn how to design responsive HTML emails in Figma, build reusable components, test layouts, and export to email platforms with Emailify.

## Designing Emails

- [Design and export Emails from Figma to HTML](/emailify/tutorials/design-and-export-emails-from-figma-to-html)
- [Create a component library for HTML email designs in Figma](/emailify/tutorials/create-a-component-library-for-html-email-designs-in-figma)
- [Use 500+ free HTML email components in your Figma designs](/emailify/tutorials/use-500-free-html-email-components-in-your-figma-designs)
- [Add elements to HTML email designs in Figma](/emailify/tutorials/easily-add-elements-to-html-email-designs-in-figma)
- [Create custom components for HTML email exports](/emailify/tutorials/create-custom-components-for-html-email-exports)
- [Add custom categories for Figma email components](/emailify/tutorials/add-custom-categories-for-figma-email-components)
- [Use free Figma email templates to design HTML emails](/emailify/tutorials/use-free-figma-email-templates-to-design-html-emails)
- [Add UTM tracking code to HTML email links from Figma](/emailify/tutorials/add-utm-tracking-code-to-html-email-links-from-figma)
- [Add Outlook-compatible gradient buttons to HTML emails with Figma](/emailify/tutorials/add-outlook-compatible-gradient-buttons-to-html-emails-with-figma)
- [Add hover effects to buttons in HTML emails from Figma](/emailify/tutorials/add-hover-effects-to-buttons-in-html-emails-from-figma)
- [Add hover colors to text links in HTML emails from Figma](/emailify/tutorials/add-hover-colors-to-text-links-in-html-emails-from-figma)
- [Add animated GIFs from Figma to HTML email exports](/emailify/tutorials/add-animated-gifs-from-figma-to-html-email-exports)
- [Embed custom web fonts in HTML email exports from Figma](/emailify/tutorials/embed-custom-web-fonts-in-html-email-exports-from-figma)
- [Add dark mode styles to HTML email designs](/emailify/tutorials/add-dark-mode-styles-to-html-email-designs)
- [Design and export HTML Email Signatures from Figma](/emailify/tutorials/design-and-export-html-email-signatures-from-figma)
- [Add a countdown timer to HTML emails in Figma](/emailify/tutorials/add-a-countdown-timer-to-html-emails-in-figma)

## Email Content

- [Add dynamic content to HTML emails in Figma](/emailify/tutorials/add-dynamic-content-to-html-emails-in-figma)
- [Create Klaviyo abandoned cart flow email template in Figma](/emailify/tutorials/create-klaviyo-abandoned-cart-flow-email-template-in-figma)
- [Adding a dynamic product feed to your Klaviyo emails](/emailify/tutorials/adding-a-dynamic-product-feed-to-your-klaviyo-emails)
- [Translate HTML email designs with localization in Figma](/emailify/tutorials/translate-html-email-designs-with-localization-in-figma)
- [Localize HTML email designs (with text formatting) in Figma](/emailify/tutorials/localize-html-email-designs-with-text-formatting-in-figma)
- [Translate email designs in Figma with ChatGPT](/emailify/tutorials/translate-email-designs-in-figma-with-chatgpt)
- [Translate email designs in Figma with the Lokalise API](/emailify/tutorials/translate-email-designs-in-figma-with-the-lokalise-api)
- [Translate email designs in Figma with the Crowdin API](/emailify/tutorials/translate-email-designs-in-figma-with-the-crowdin-api)
- [Import spreadsheets to tables for HTML emails in Figma](/emailify/tutorials/import-spreadsheets-to-tables-for-html-emails-in-figma)

## Platform Integrations

- [Export HTML emails from Figma to MailChimp](/emailify/tutorials/export-html-emails-from-figma-to-mailchimp)
- [Export HTML emails from Figma to Campaign Monitor](/emailify/tutorials/export-html-emails-from-figma-to-campaign-monitor)
- [Export HTML emails from Figma to Klaviyo](/emailify/tutorials/export-html-emails-from-figma-to-klaviyo)
- [Export HTML emails from Figma to Zapier (Google Drive)](/emailify/tutorials/export-html-emails-from-figma-to-zapier-google-drive)
- [Export HTML emails from Figma to Postmark](/emailify/tutorials/export-html-emails-from-figma-to-postmark)
- [Export HTML emails from Figma to Salesforce Marketing Cloud](/emailify/tutorials/export-html-emails-from-figma-to-salesforce-marketing-cloud)
- [Export HTML emails from Figma to Pardot (Marketing Cloud Account Engagement)](/emailify/tutorials/export-html-emails-from-figma-to-pardot-marketing-cloud-account-engagement)
- [Export HTML emails from Figma to SendGrid](/emailify/tutorials/export-html-emails-from-figma-to-sendgrid)
- [Export HTML emails from Figma to Resend](/emailify/tutorials/export-html-emails-from-figma-to-resend)
- [Export HTML emails from Figma to Mailjet](/emailify/tutorials/export-html-emails-from-figma-to-mailjet)
- [Export HTML emails from Figma to SendPulse](/emailify/tutorials/export-html-emails-from-figma-to-sendpulse)
- [Uploading your emails to Sendwithus](/emailify/tutorials/uploading-your-emails-to-sendwithus)
- [Export HTML emails from Figma to Brevo](/emailify/tutorials/export-html-emails-from-figma-to-brevo)
- [Export HTML emails from Figma to Mailmodo](/emailify/tutorials/export-html-emails-from-figma-to-mailmodo)
- [Export HTML emails from Figma to Yotpo](/emailify/tutorials/export-html-emails-from-figma-to-yotpo)
- [Export HTML emails from Figma to Bento](/emailify/tutorials/export-html-emails-from-figma-to-bento)
- [Export HTML emails from Figma to Intercom](/emailify/tutorials/export-html-emails-from-figma-to-intercom)
- [Export HTML emails from Figma to SARE](/emailify/tutorials/export-html-emails-from-figma-to-sare)
- [Export HTML emails from Figma to Mailgun](/emailify/tutorials/export-html-emails-from-figma-to-mailgun)
- [Export HTML emails from Figma to Customer.io](/emailify/tutorials/export-html-emails-from-figma-to-customer-io)
- [Export HTML emails from Figma to HubSpot](/emailify/tutorials/export-html-emails-from-figma-to-hubspot)
- [Export HTML emails from Figma to Braze](/emailify/tutorials/export-html-emails-from-figma-to-braze)
- [Export HTML emails from Figma to ActiveCampaign](/emailify/tutorials/export-html-emails-from-figma-to-activecampaign)
- [Export HTML emails from Figma to OneSignal](/emailify/tutorials/export-html-emails-from-figma-to-onesignal)
- [Export HTML emails from Figma to Selzy](/emailify/tutorials/export-html-emails-from-figma-to-selzy)
- [Export HTML emails from Figma to Omnisend](/emailify/tutorials/export-html-emails-from-figma-to-omnisend)
- [Export HTML emails from Figma to Zoho Campaigns](/emailify/tutorials/export-html-emails-from-figma-to-zoho-campaigns)
- [Export HTML emails from Figma to Stripo](/emailify/tutorials/export-html-emails-from-figma-to-stripo)
- [Export HTML emails from Figma to MailerLite](/emailify/tutorials/export-html-emails-from-figma-to-mailerlite)
- [Export HTML emails from Figma to EmailOctopus](/emailify/tutorials/export-html-emails-from-figma-to-emailoctopus)
- [Export HTML emails from Figma to Loops.so](/emailify/tutorials/export-html-emails-from-figma-to-loops-so)
- [Export HTML emails from Figma to GetResponse](/emailify/tutorials/export-html-emails-from-figma-to-getresponse)
- [Export HTML emails from Figma to ConvertKit](/emailify/tutorials/export-html-emails-from-figma-to-convertkit)
- [Export HTML emails from Figma to Constant Contact](/emailify/tutorials/export-html-emails-from-figma-to-constant-contact)
- [Export HTML emails from Figma to Drip](/emailify/tutorials/export-html-emails-from-figma-to-drip)
- [Export HTML emails from Figma to Aweber](/emailify/tutorials/export-html-emails-from-figma-to-aweber)
- [Export HTML emails from Figma to SugarCRM (Sugar Market)](/emailify/tutorials/export-html-emails-from-figma-to-sugarcrm-sugar-market)
- [Export HTML emails from Figma to Benchmark Email](/emailify/tutorials/export-html-emails-from-figma-to-benchmark-email)
- [Export HTML emails from Figma to Insider (UseInsider)](/emailify/tutorials/export-html-emails-from-figma-to-insider-useinsider)
- [Export HTML emails from Figma to Moosend](/emailify/tutorials/export-html-emails-from-figma-to-moosend)
- [Export HTML emails from Figma to SendX](/emailify/tutorials/export-html-emails-from-figma-to-sendx)
- [Export HTML emails from Figma to Ongage](/emailify/tutorials/export-html-emails-from-figma-to-ongage)
- [Export HTML emails from Figma to Mailercloud](/emailify/tutorials/export-html-emails-from-figma-to-mailercloud)
- [Export HTML emails from Figma to Marketo](/emailify/tutorials/export-html-emails-from-figma-to-marketo)
- [Export HTML emails from Figma to Amazon Simple Email Service (SES)](/emailify/tutorials/export-html-emails-from-figma-to-amazon-simple-email-service-ses)
- [Export emails from Figma to MJML code](/emailify/tutorials/export-emails-from-figma-to-mjml-code)
- [Export HTML emails from Figma to Plain Text format](/emailify/tutorials/export-html-emails-from-figma-to-plain-text-format)

## Preview Links/PDFs

- [Upload preview links for HTML emails from Figma to Netlify](/emailify/tutorials/upload-preview-links-for-html-emails-from-figma-to-netlify)
- [Export HTML emails from Figma to PDF previews](/emailify/tutorials/export-html-emails-from-figma-to-pdf-previews)
- [Export emails from Figma to grayscale wireframe previews](/emailify/tutorials/export-emails-from-figma-to-grayscale-wireframe-previews)

## Testing Emails

- [Export HTML emails from Figma to Mailgun Inspect](/emailify/tutorials/export-html-emails-from-figma-to-mailgun-inspect)
- [Export HTML email tests from Figma to Email on Acid](/emailify/tutorials/export-html-email-tests-from-figma-to-email-on-acid)
- [Test HTML emails in different clients with exports from Figma](/emailify/tutorials/test-html-emails-in-different-clients-with-exports-from-figma)
- [Test HTML emails in dark mode with exports from Figma](/emailify/tutorials/test-html-emails-in-dark-mode-with-exports-from-figma)
- [Test HTML emails in Gmail with exports from Figma](/emailify/tutorials/test-html-emails-in-gmail-with-exports-from-figma)
- [Test HTML emails on mobile with exports from Figma](/emailify/tutorials/test-html-emails-on-mobile-with-exports-from-figma)
- [Test HTML emails in Outlook with exports from Figma](/emailify/tutorials/test-html-emails-in-outlook-with-exports-from-figma)
- [Send yourself tests of HTML emails from Figma with PutsMail](/emailify/tutorials/send-yourself-tests-of-html-emails-from-figma-with-putsmail)

## More video tutorials

- [How to export HTML emails from Figma to Sendinblue using Emailify](/emailify/tutorials/how-to-export-html-emails-from-figma-to-sendinblue-using-emailify)
- [How to export HTML emails with RTL (right-to-left) text from Figma using Emailify](/emailify/tutorials/how-to-export-html-emails-with-rtl-right-to-left-text-from-figma-using-emailify)