--- url: "/emailify/tutorials.md" description: "The best free Figma tutorial videos for beginners (or power users) to level up." --- # Emailify Video Tutorials > The best free Figma tutorial videos for beginners (or power users) to level up. ## Designing Emails ### Design and export Emails from Figma to HTML 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. [Embedded media](https://www.youtube.com/embed/OWv4WX3eqvU) ### Create a component library for HTML email designs in Figma 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. [Embedded media](https://www.youtube.com/embed/lQb9-_9maxs) ### Use 500+ free HTML email components in your Figma designs This video tutorial is a complete step-by-step guide showing you how to use 500+ free HTML email components in your Figma designs with the Emailify Figma plugin. [Embedded media](https://www.youtube.com/embed/zMUQ3tE76Vo) ### Easily add elements to HTML email designs in Figma 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. [Embedded media](https://www.youtube.com/embed/un_EgOdAdUQ) ### Create custom components for HTML email exports 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. [Embedded media](https://www.youtube.com/embed/vczegDic1Do) ### Add custom categories for Figma email components 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. [Embedded media](https://www.youtube.com/embed/M6p5AY2-g54) ### Use free Figma email templates to design HTML emails This video tutorial is a complete step-by-step guide showing you how to use free Figma email templates to design HTML emails with the Emailify Figma Plugin. [Embedded media](https://www.youtube.com/embed/lLCTEAAoCWY ) ### Add UTM tracking code to HTML email links from Figma 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. [Embedded media](https://www.youtube.com/embed/LrNKatzJo6g) ### Add Outlook-compatible gradient buttons to HTML emails with Figma 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. [Embedded media](https://www.youtube.com/embed/P-faEnzef20) ### Add hover effects to buttons in HTML emails from Figma 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. [Embedded media](https://www.youtube.com/embed/8pydrphK6bU) ### Add hover colors to text links in HTML emails from Figma 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. [Embedded media](https://www.youtube.com/embed/T-HSfOhTTTw) ### Add animated GIFs from Figma to HTML email exports 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. [Embedded media](https://www.youtube.com/embed/Jmy2Tuzzwjg) ### Embed custom web fonts in HTML email exports from Figma 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. [Embedded media](https://www.youtube.com/embed/dtTNDXeO3FA) ### Add dark mode styles to HTML email designs 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. [Embedded media](https://www.youtube.com/embed/uAxQ5Psi1m4) ### Design and export HTML Email Signatures from Figma 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. [Embedded media](https://www.youtube.com/embed/dmjDTWiphWk) ### Add a countdown timer to HTML emails in Figma 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. [Embedded media](https://www.youtube.com/embed/1IOfvsZTTXM) ## Email Content ### Add dynamic content to HTML emails in Figma 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. [Embedded media](https://www.youtube.com/embed/0512urzUNTk) ### Create Klaviyo abandoned cart flow email template in Figma This video tutorial is a complete step-by-step guide showing you how to add custom Klaviyo abandoned cart flows into custom HTML templates with the Emailify Figma Plugin. [Embedded media](https://www.youtube.com/embed/MHPCkb1n8XM) ### Adding a dynamic product feed to your Klaviyo emails 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. [Embedded media](https://www.youtube.com/embed/PaRSIxVLYlo) ### Translate HTML email designs with localization in Figma 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. [Embedded media](https://www.youtube.com/embed/pZUOi6C7C5E) ### Localize HTML email designs (with text formatting) in Figma 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. [Embedded media](https://www.youtube.com/embed/OngJvgE6Aeg) ### Translate email designs in Figma with ChatGPT This video tutorial is a complete step-by-step guide showing you how to Translate email designs in Figma with ChatGPT (automatically). [Embedded media](https://www.youtube.com/embed/6CqRT3FTALA) ### Translate email designs in Figma with the Lokalise API 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. [Embedded media](https://www.youtube.com/embed/s6-pYRm_B1c) ### Translate email designs in Figma with the Crowdin API This video tutorial is a complete step-by-step guide showing you how to translate HTML email designs with the Crowdin API and Figma by using the Emailify plugin. [Embedded media](https://www.youtube.com/embed/qcQglNYqtJc) ### Import spreadsheets to tables for HTML emails in Figma 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. [Embedded media](https://www.youtube.com/embed/CB3tRj0GtW4) ## Platform Integrations ### Export HTML emails from Figma 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 MailChimp. [Embedded media](https://www.youtube.com/embed/FgPl-a_z59A) ### Export HTML emails from Figma 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 Campaign Monitor. [Embedded media](https://www.youtube.com/embed/vyAsh8v8GLE) ### Export HTML emails from Figma to Klaviyo This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Klaviyo. [Embedded media](https://www.youtube.com/embed/7OCqmOsrAYk) ### Export HTML emails from Figma to Zapier (Google Drive) This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Zapier (Google Drive). [Embedded media](https://www.youtube.com/embed/cI93RXk9MV0) ### Export HTML emails from Figma 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 Postmark. [Embedded media](https://www.youtube.com/embed/BD7dghnkeKM) ### Export HTML emails from Figma 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 Salesforce Marketing Cloud. [Embedded media](https://www.youtube.com/embed/Q4QD3GTxD9s) ### Export HTML emails from Figma to Pardot (Marketing Cloud Account Engagement) This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Pardot. [Embedded media](https://www.youtube.com/embed/VtVuPmb57cw) ### Export HTML emails from Figma 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 SendGrid. [Embedded media](https://www.youtube.com/embed/cYYVO_3HT1U) ### Export HTML emails from Figma 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 Mailjet. [Embedded media](https://www.youtube.com/embed/LwkH-A3pAYE) ### Export HTML emails from Figma 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 SendPulse. [Embedded media](https://www.youtube.com/embed/lLH2aHdVSN4) ### Uploading your emails to Sendwithus This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Sendwithus. [Embedded media](https://www.youtube.com/embed/b99i9ZaXL6E) ### Export HTML emails from Figma to Brevo 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"). [Embedded media](https://www.youtube.com/embed/8BJN16U_IHg) ### Export HTML emails from Figma to Mailmodo This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Mailmodo. [Embedded media](https://www.youtube.com/embed/WstlHCpO8L4) ### Export HTML emails from Figma to Yotpo This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Yotpo. [Embedded media](https://www.youtube.com/embed/lRU0Wjw9vHQ) ### Export HTML emails from Figma to Bento This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Bento. [Embedded media](https://www.youtube.com/embed/iv2PWcrxthQ) ### Export HTML emails from Figma to Intercom This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Intercom. [Embedded media](https://www.youtube.com/embed/U14GJx6k4mM) ### Export HTML emails from Figma to SARE This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to SARE. [Embedded media](https://www.youtube.com/embed/_-9AIr6dE0U) ### Export HTML emails from Figma 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 Mailgun. [Embedded media](https://www.youtube.com/embed/hrsveAlzzZo) ### Export HTML emails from Figma 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 Customer.io. [Embedded media](https://www.youtube.com/embed/KQyaQy6gYps) ### Export HTML emails from Figma 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 HubSpot. [Embedded media](https://www.youtube.com/embed/AOSWquXuhRA) ### Export HTML emails from Figma 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 Braze. [Embedded media](https://www.youtube.com/embed/6GnG-rTdQl8) ### Export HTML emails from Figma 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 ActiveCampaign. [Embedded media](https://www.youtube.com/embed/TgCROp1QHsg) ### Export HTML emails from Figma 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 OneSignal. [Embedded media](https://www.youtube.com/embed/haQHdEan54Q) ### Export HTML emails from Figma 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 Selzy. [Embedded media](https://www.youtube.com/embed/5w2qyBTYToY) ### Export HTML emails from Figma 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 Omnisend. [Embedded media](https://www.youtube.com/embed/Zl8DZWbyrt8) ### Export HTML emails from Figma 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 Zoho Campaigns. [Embedded media](https://www.youtube.com/embed/UQ2va7H6RN0) ### Export HTML emails from Figma 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 Stripo. [Embedded media](https://www.youtube.com/embed/98oeeXB7FNI) ### Export HTML emails from Figma 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 MailerLite. [Embedded media](https://www.youtube.com/embed/5eKKe7M2-yo) ### Export HTML emails from Figma 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 EmailOctopus. [Embedded media](https://www.youtube.com/embed/SxoknO-JXSM) ### Export HTML emails from Figma 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 Loops.so. [Embedded media](https://www.youtube.com/embed/tPKd8R7gH1Q) ### Export HTML emails from Figma 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 GetResponse. [Embedded media](https://www.youtube.com/embed/_WtsjQmQV-I) ### Export HTML emails from Figma 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 ConvertKit. [Embedded media](https://www.youtube.com/embed/I8kwRdvwf8k) ### Export HTML emails from Figma 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 Constant Contact. [Embedded media](https://www.youtube.com/embed/XDjtuc0XWKI) ### Export HTML emails from Figma 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 Drip. [Embedded media](https://www.youtube.com/embed/T-VmrIW9e7c) ### Export HTML emails from Figma 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 Aweber. [Embedded media](https://www.youtube.com/embed/WpBJ0B8XrUc) ### Export HTML emails from Figma 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 SugarCRM (Sugar Market). [Embedded media](https://www.youtube.com/embed/dudacdc97vQ) ### Export HTML emails from Figma 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 Benchmark Email. [Embedded media](https://www.youtube.com/embed/KYIdqjManjg) ### Export HTML emails from Figma to Insider (UseInsider) This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Insider (UseInsider). Note: this video shows the original Insider campaign upload flow. Emailify now also includes a Destination dropdown so you can upload to either Insider campaign content or the Insider template library. [Embedded media](https://www.youtube.com/embed/uZAXjEmKhJ0) ### Export HTML emails from Figma to Moosend This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Moosend. [Embedded media](https://www.youtube.com/embed/ByG957iMh6c) ### Export HTML emails from Figma to SendX This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to SendX. [Embedded media](https://www.youtube.com/embed/uVTTIoT4Lk4) ### Export HTML emails from Figma to Ongage This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Ongage. [Embedded media](https://www.youtube.com/embed/ApcOT2WG_cc) ### Export HTML emails from Figma to Mailercloud This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Mailercloud. [Embedded media](https://www.youtube.com/embed/vtVd9ng97w8) ### Export HTML emails from Figma to Marketo This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Adobe Marketo Engage. [Embedded media](https://www.youtube.com/embed/GBU_cdxPBfA) ### Export HTML emails from Figma to Amazon Simple Email Service (SES) This video tutorial is a complete step-by-step guide showing you how to upload HTML emails from the Figma Emailify plugin to Amazon Simple Email Service (SES). [Embedded media](https://www.youtube.com/embed/6kC4wbapV88) ### Export emails from Figma to MJML code This video tutorial is a complete step-by-step guide showing you how to export emails from the Figma Emailify plugin to MJML code. [Embedded media](https://www.youtube.com/embed/_y9-1IvtlH8) ### Export HTML emails from Figma to Plain Text format This video tutorial is a complete step-by-step guide showing you how to export HTML emails from the Figma Emailify plugin to a Plain Text (.txt file) format version [Embedded media](https://www.youtube.com/embed/jUca0A7A7_8) ## Preview Links/PDFs ### Upload preview links for HTML emails from Figma to Netlify 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. [Embedded media](https://www.youtube.com/embed/YZAILKYkyUM) ### Export HTML emails from Figma to PDF previews 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. [Embedded media](https://www.youtube.com/embed/Wmub2cYLHcQ) ### Export emails from Figma to grayscale wireframe previews 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. [Embedded media](https://www.youtube.com/embed/JCYA2oQ4O2U) ## Testing Emails ### Export HTML email tests from Figma to Email on Acid 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. [Embedded media](https://www.youtube.com/embed/ThlA2CpDI9U) ### Test HTML emails in different clients with exports from Figma 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. [Embedded media](https://www.youtube.com/embed/vZkuFfpkh1Q) ### Test HTML emails in dark mode with exports from Figma 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. [Embedded media](https://www.youtube.com/embed/h5Gq9apZrxk) ### Test HTML emails in Gmail with exports from Figma 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. [Embedded media](https://www.youtube.com/embed/Jlm1YBOioM0) ### Test HTML emails on mobile with exports from Figma 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. [Embedded media](https://www.youtube.com/embed/yz2KQPFBzA0) ### Test HTML emails in Outlook with exports from Figma 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. [Embedded media](https://www.youtube.com/embed/5MJzh5rbfdY) ### Send yourself tests of HTML emails from Figma with PutsMail 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. [Embedded media](https://www.youtube.com/embed/CxdlzgUaCMM)