Designing Emails

Design and export Emails from Figma to HTML

Create a component library for HTML email designs in Figma

Easily add elements to HTML email designs in Figma

Create custom components for HTML email exports

Add custom categories for Figma email components

Add UTM tracking code to HTML email links from Figma

Add Outlook-compatible gradient buttons to HTML emails with Figma

Add hover effects to buttons in HTML emails from Figma

Add hover colors to text links in HTML emails from Figma

Add animated GIFs from Figma to HTML email exports

Embed custom web fonts in HTML email exports from Figma

Add dark mode styles to HTML email designs

Design and export HTML Email Signatures from Figma

Add a countdown timer to HTML emails in Figma

Email Content

Add dynamic content to HTML emails in Figma

Translate HTML email designs with localization in Figma

Localize HTML email designs (with text formatting) in Figma

Translate email designs in Figma with the Lokalise API

Translate email designs in Figma with the Crowdin API

Import spreadsheets to tables for HTML emails in Figma

Platform Integrations

Export HTML emails from Figma to MailChimp

Export HTML emails from Figma to Campaign Monitor

Export HTML emails from Figma to Klaviyo

Create Klaviyo abandoned cart flow email template in Figma

Adding a dynamic product feed to your Klaviyo emails

Export HTML emails from Figma to Postmark

Export HTML emails from Figma to Salesforce Marketing Cloud

Export HTML emails from Figma to Pardot (Marketing Cloud Account Engagement)

Export HTML emails from Figma to SendGrid

Export HTML emails from Figma to Mailjet

Export HTML emails from Figma to SendPulse

Export HTML emails from Figma to Brevo

Export HTML emails from Figma to Mailgun

Export HTML emails from Figma to Customer.io

Export HTML emails from Figma to HubSpot

Export HTML emails from Figma to Braze

Export HTML emails from Figma to ActiveCampaign

Export HTML emails from Figma to OneSignal

Export HTML emails from Figma to Selzy

Export HTML emails from Figma to Omnisend

Export HTML emails from Figma to Zoho Campaigns

Export HTML emails from Figma to Stripo

Export HTML emails from Figma to MailerLite

Export HTML emails from Figma to EmailOctopus

Export HTML emails from Figma to Loops.so

Export HTML emails from Figma to GetResponse

Export HTML emails from Figma to ConvertKit

Export HTML emails from Figma to Constant Contact

Export HTML emails from Figma to Drip

Export HTML emails from Figma to Aweber

Export HTML emails from Figma to SugarCRM (Sugar Market)

Export HTML emails from Figma to Benchmark Email

Export HTML emails from Figma to Insider (UseInsider)

Video Tutorial: Export HTML emails from Figma to Moosend

Video Tutorial: Export HTML emails from Figma to SendX

Video Tutorial: Export HTML emails from Figma to Ongage

Video Tutorial: Export HTML emails from Figma to Mailercloud

Video Tutorial: Export HTML emails from Figma to Marketo

Video Tutorial: Export HTML emails from Figma to Amazon Simple Email Service (SES)

Video Tutorial: Export emails from Figma to MJML code

Export HTML emails from Figma to Plain Text format

Preview Links/PDFs

Upload preview links for HTML emails from Figma to Netlify

Export HTML emails from Figma to PDF previews

Export emails from Figma to grayscale wireframe previews

Testing Emails

Export HTML email tests from Figma to Email on Acid

Test HTML emails in different clients with exports from Figma

Test HTML emails in dark mode with exports from Figma

Test HTML emails in Gmail with exports from Figma

Test HTML emails on mobile with exports from Figma

Test HTML emails in Outlook with exports from Figma

Send yourself tests of HTML emails from Figma with PutsMail