# Email Love

## Docs

- [Getting Started with the Email Love Figma Plugin](https://help.emaillove.com/plugin/getting-started/overview.md): Set up Email Love, pick your path (AI-assisted or build by hand), and ship your first email
- [Migrating an Existing Design System or Template](https://help.emaillove.com/plugin/getting-started/migrate-design-system.md): Point Claude or Codex at your existing emails wherever they live (Figma, a folder, Google Drive, SharePoint, or one of nine ESPs), get an audit report, and rebuild them as a working Email Love design system
- [Installing the Email Love Figma Plugin](https://help.emaillove.com/plugin/getting-started/install.md): How to install the Email Love Figma Plugin, create your account or sign in, and troubleshoot setup issues
- [Build Your First Email from a Template](https://help.emaillove.com/plugin/quickstart/from-template.md): Duplicate an Email Love template, replace its content, check the responsive version, and export your first campaign
- [Build an Email from Scratch](https://help.emaillove.com/plugin/quickstart/from-scratch.md): Create an email frame, assemble it from Email Love components, customize the content, and prepare it for export
- [Convert or Rebuild an Existing Email Design](https://help.emaillove.com/plugin/quickstart/existing-design.md): Choose AI Import, an agent-led design-system migration, or a manual rebuild for an existing email design
- [Email Fundamentals](https://help.emaillove.com/plugin/getting-started/email-fundamentals.md): What every designer needs to know before building emails
- [Understanding Email Love Frames, Layers, and Components](https://help.emaillove.com/plugin/getting-started/frames-layers-components.md): The architecture behind Email Love
- [Element Reference: Section, Column & Wrapper](https://help.emaillove.com/plugin/getting-started/section-column-wrapper.md): The structural building blocks of every email
- [Understanding MJML](https://help.emaillove.com/plugin/getting-started/mjml.md): The Framework Behind the Email Love Figma Plugin
- [Email Client Compatibility Matrix](https://help.emaillove.com/plugin/getting-started/client-compatibility.md): What works where across major email clients
- [Email Accessibility Guide](https://help.emaillove.com/plugin/getting-started/accessibility.md): Make your emails readable and usable for everyone
- [Keyboard Shortcuts & Workflow Tips](https://help.emaillove.com/plugin/getting-started/shortcuts.md): Speed up your email design process
- [Pre-Built Components](https://help.emaillove.com/plugin/components/pre-built.md): How to find, add, and customize Email Love's pre-built email components to speed up your design workflow
- [Add wrappers, sections, and content](https://help.emaillove.com/plugin/components/build-structure.md): Use the Build Your Own section to add empty wrappers, sections, and columns.
- [Create a scalable set of Button components for your Email Design System](https://help.emaillove.com/plugin/components/button-system.md): Build reusable button components with variants that update globally across your email design system
- [Understanding Figma Components, Variants, and Properties](https://help.emaillove.com/plugin/components/variants-properties.md): How to create reusable Figma components with variants and properties for your email design system
- [The Customs tab & Community templates](https://help.emaillove.com/plugin/components/customs-tab.md): Browse and insert your team's saved Custom templates in the redesigned Customs tab, organize them by category and brand, and start from curated Figma Community files
- [Saving Customized Components & Templates Inside of the Plugin](https://help.emaillove.com/plugin/components/save-components.md): How to save your customized components and full email templates inside the Figma plugin for reuse
- [Save your customized components and templates](https://help.emaillove.com/plugin/components/save-custom-components.md): Easily save your components and templates inside of the plugin for use later.
- [Creating and Managing Design Systems](https://help.emaillove.com/plugin/components/design-systems.md): How to create email design systems in the plugin, upload components from Figma, organize them into asset folders, and sync them for use with AI Studio
- [Personalize your email content with dynamic content](https://help.emaillove.com/plugin/components/dynamic-content.md): How to use merge tags, conditional content, dynamic images, and looping content in your email designs
- [Optimizing Component File Size to Avoid Getting Clipped in Gmail](https://help.emaillove.com/plugin/components/gmail-clipping.md): How to check your email file size and reduce it to avoid Gmail's 102 KB clipping limit
- [Using the Raw Code Component](https://help.emaillove.com/plugin/raw-code/overview.md): How to use the mj-raw frame for conditional content, tracking pixels, live embeds, and custom HTML
- [The Properties Tab](https://help.emaillove.com/plugin/email-properties/properties-tab.md): How to use the Properties tab to add subject lines, links, alt text, backgrounds, and UTM parameters to your email design
- [The Appearance Tab](https://help.emaillove.com/plugin/styling/appearance-tab.md): Use the Appearance tab to control the look and feel of your email design
- [Element Reference: Text](https://help.emaillove.com/plugin/styling/text.md): Everything you need to know about the mj-text component
- [Typography](https://help.emaillove.com/plugin/styling/typography.md): Get your email typography looking just right
- [Element Reference: Button](https://help.emaillove.com/plugin/styling/button.md): Everything you need to know about the mj-button component
- [Padding](https://help.emaillove.com/plugin/styling/padding.md): How to use Figma Auto Layout to control padding on wrappers, columns, and content elements
- [Align Frames and Content](https://help.emaillove.com/plugin/styling/alignment.md): Align columns, images, buttons, and text with Figma Auto Layout so the email preview matches the canvas
- [Element Reference: Spacer & Divider](https://help.emaillove.com/plugin/styling/spacer-divider.md): Control spacing and visual separation in your emails
- [Corner Radius](https://help.emaillove.com/plugin/styling/corner-radius.md): How to add rounded corners to images, buttons, and sections, including Outlook limitations and multi-section card layouts
- [Background Colors](https://help.emaillove.com/plugin/styling/background-colors.md): How to set outer, content, section, and dark mode background colors in the Email Love Plugin
- [Background Images in Email](https://help.emaillove.com/plugin/styling/background-images.md): How to use mj-hero-image for background images, with Outlook VML handled automatically and dark mode considerations
- [Create a Full-Width Background](https://help.emaillove.com/plugin/styling/full-width-background.md): Extend a Wrapper background beyond the email content width while keeping the content centered
- [Hero Sections](https://help.emaillove.com/plugin/styling/hero-sections.md): How to build effective hero sections with background images, side-by-side layouts, and mobile-friendly designs
- [Set default custom code for every new template (Persistent Custom Code)](https://help.emaillove.com/plugin/styling/persistent-custom-code.md): Save default Head, Mobile CSS, and Inline CSS snippets once and have them auto-apply to every new template you create, synced across your whole team
- [Add and Replace Images](https://help.emaillove.com/plugin/images/add-images.md): Replace an image while preserving its Email Love structure, crop it safely, and prepare it for mobile and export
- [Using Animated GIFs in Email](https://help.emaillove.com/plugin/images/animated-gifs.md): Add motion and visual interest to your emails
- [Embed a Countdown Timer into your email](https://help.emaillove.com/plugin/images/countdown-timer.md): Add a live, animated countdown timer to your email template using Nifty Images and the Figma plugin
- [Editable Images](https://help.emaillove.com/plugin/images/editable-images.md): Everything you need to know about the mj-image component
- [Use an External Image URL](https://help.emaillove.com/plugin/images/external-images.md): Load a public image URL in an email for countdown timers, live content, and assets hosted outside Email Love
- [Optimize Images for Mobile](https://help.emaillove.com/plugin/images/mobile-images.md): Resize, pad, hide, or swap email images for mobile while keeping them sharp and correctly proportioned
- [Add Links and Alt Text to Images](https://help.emaillove.com/plugin/images/links-alt-text.md): Make an email image clickable, write useful alt text, and verify both before export
- [Image Hosting](https://help.emaillove.com/plugin/images/hosting.md): How image hosting works on export: the Email Love CDN, bringing your own storage (S3, R2, GCS, and more), format and size best practices, and troubleshooting
- [Adding Links to an Email](https://help.emaillove.com/plugin/links/add-links.md): How to add links to images, buttons, text, and clickable wrappers in your email design
- [Navigation links](https://help.emaillove.com/plugin/links/navigation.md): How to add responsive navigation bars with automatic mobile hamburger menus
- [Unsubscribe Links](https://help.emaillove.com/plugin/links/unsubscribe.md): How the plugin automatically converts unsubscribe links to your ESP's merge tags on export, and how to bring your own custom merge tag
- [Add UTM Parameters](https://help.emaillove.com/plugin/links/utm-parameters.md): Append campaign tracking parameters to the ordinary links in an email without changing each URL by hand
- [Mobile Optimization](https://help.emaillove.com/plugin/mobile/overview.md): Optimize your email designs for mobile with per-device styles, stacking, and show/hide controls.
- [The Mobile Styles Tab](https://help.emaillove.com/plugin/mobile/styles-tab.md): How to customize text, images, buttons, and wrappers for mobile devices using the Mobile Styles tab
- [How to control how content stacks on mobile](https://help.emaillove.com/plugin/mobile/column-stacking.md): Control the order columns stack on mobile, reverse the stacking, or keep columns side by side
- [Show/Hide Content on Desktop & Mobile](https://help.emaillove.com/plugin/mobile/show-hide-content.md): Control which content appears on different devices
- [Optimize Your Email for Dark Mode](https://help.emaillove.com/plugin/styling/dark-mode.md): Customize how your email looks in dark mode on iOS devices
- [Why Outlook Dark Mode Is Different (And What to Do About It)](https://help.emaillove.com/plugin/styling/outlook-dark-mode.md): Understanding why Outlook web breaks wrapper-based dark mode and how to design for graceful rendering instead
- [Previewing an Email Design](https://help.emaillove.com/plugin/preview/overview.md): Preview your email design on desktop, mobile, and dark mode before exporting
- [Download Email Screenshots](https://help.emaillove.com/plugin/preview/screenshots.md): Download high-resolution desktop and mobile screenshots of your email design as PNG files
- [Generate Emails with AI Studio](https://help.emaillove.com/plugin/ai/generate.md): How to use AI Studio to automatically generate complete, editable email templates from campaign briefs using your design system
- [Import Existing Designs with AI Import](https://help.emaillove.com/plugin/ai/ai-import.md): How to use AI Import to convert any existing email design, screenshot, or Figma component into a fully editable Email Love frame in minutes
- [Build Emails in Figma with Claude or Codex](https://help.emaillove.com/plugin/ai/agents-in-figma.md): Connect an AI agent to Figma, give it an email brief, and build editable, export-ready Email Love emails from your components
- [Advanced Figma MCP Guide](https://help.emaillove.com/plugin/ai/agents-in-figma-advanced.md): How Email Love agents preserve export structure, create root frames, and prepare reusable modules in Figma
- [Send with confidence using Copilot](https://help.emaillove.com/plugin/ai/copilot.md): Catch and fix email structure issues before export
- [How to Get the Best Results from Generate from Brief](https://help.emaillove.com/plugin/ai/brief-best-practices.md): A deep-dive guide on setting up your design system and writing effective campaign briefs to get consistent, high-quality results from AI Studio's Generate from Brief feature
- [Sample Campaign Brief](https://help.emaillove.com/plugin/ai/sample-brief.md): A complete example campaign brief showing how to structure content for AI Studio's Generate from Brief feature, using a fictional brand called Greenleaf Organics
- [Email Inspiration MCP](https://help.emaillove.com/plugin/ai/email-inspiration-mcp.md): Search 500,000+ curated marketing emails from AI tools, free, no license required
- [Export Overview](https://help.emaillove.com/plugin/export/overview.md): All the ways to get your email out of Figma and into the world
- [Export Your First Email](https://help.emaillove.com/plugin/export/basics.md): Check your email, choose an export destination, handle images and credentials, then send a real inbox test
- [Export HTML Content Blocks (ZIP)](https://help.emaillove.com/plugin/export/html-content-blocks.md): Split your template's top-level sections into standalone HTML files, delivered as a ZIP, for reuse as content blocks in any editor
- [Updatable Templates: update in place instead of creating duplicates](https://help.emaillove.com/plugin/export/updatable-templates.md): How the Enable Updatable Templates toggle stores an ESP template ID on your Figma frame so re-exporting updates the existing template instead of piling up duplicates
- [Export Figma emails to ActiveCampaign](https://help.emaillove.com/plugin/export/activecampaign.md): Export email designs from Figma straight into ActiveCampaign as ready-to-send campaign templates with the Email Love plugin.
- [Export Figma emails to Airship](https://help.emaillove.com/plugin/export/airship.md): Export email designs from Figma into Airship as message templates with the Email Love plugin.
- [Export Figma emails to Blueshift](https://help.emaillove.com/plugin/export/blueshift.md): Export email designs from Figma into Blueshift as email templates with the Email Love plugin.
- [Export Figma emails to Braze](https://help.emaillove.com/plugin/export/braze.md): Connect your Braze account and export email designs from Figma as Braze templates, including content blocks and in-place updates.
- [Export Figma emails to Brevo](https://help.emaillove.com/plugin/export/brevo.md): Export email designs from Figma into Brevo as draft campaigns with the Email Love plugin.
- [Sync Figma emails to Email Love Builder](https://help.emaillove.com/plugin/export/builder.md): Sync email templates from Figma to Email Love Builder for browser-based team editing, no Figma seat required.
- [Export Figma emails to a Custom Webhook](https://help.emaillove.com/plugin/export/custom-webhook.md): Send your Figma email HTML to any webhook endpoint with custom headers and automate delivery into your own stack.
- [Export Figma emails to Customer.io](https://help.emaillove.com/plugin/export/customerio.md): Export email designs from Figma into Customer.io with the Email Love plugin and keep templates updated in place.
- [Export Figma emails to Emarsys](https://help.emaillove.com/plugin/export/emarsys.md): Connect your Emarsys account and export email designs from Figma as Emarsys templates with the Email Love plugin.
- [Export Figma emails to HubSpot](https://help.emaillove.com/plugin/export/hubspot.md): Export email designs from Figma into HubSpot as marketing email templates via the HubSpot API.
- [Export Figma emails to Iterable](https://help.emaillove.com/plugin/export/iterable.md): Export Figma email designs into Iterable templates, including multi-locale variants and reusable snippets.
- [Export Figma emails to Klaviyo](https://help.emaillove.com/plugin/export/klaviyo.md): Connect your Klaviyo account and export email designs from Figma as Klaviyo templates with the Email Love plugin.
- [Export Figma emails to Loops](https://help.emaillove.com/plugin/export/loops.md): Export email designs from Figma into Loops as email templates with the Email Love plugin.
- [Export Figma emails to MailerLite](https://help.emaillove.com/plugin/export/mailerlite.md): Export email designs from Figma into MailerLite (current or Classic) as draft campaigns, with optional in-place updates.
- [Export Figma emails to Mailjet](https://help.emaillove.com/plugin/export/mailjet.md): Export email designs from Figma into Mailjet as draft campaigns with the Email Love plugin.
- [Export Figma emails to Make](https://help.emaillove.com/plugin/export/make.md): Send your Figma email HTML into Make (Integromat) scenarios via a custom webhook to automate delivery anywhere.
- [Export Figma emails to Marketo](https://help.emaillove.com/plugin/export/marketo.md): Export email designs from Figma into Adobe Marketo Engage as email templates with the Email Love plugin.
- [Export Figma emails to MoEngage](https://help.emaillove.com/plugin/export/moengage.md): Export email designs from Figma into MoEngage via API with the Email Love plugin.
- [Export Figma emails to Netcore](https://help.emaillove.com/plugin/export/netcore.md): Export email designs from Figma into Netcore as email templates with the Email Love plugin.
- [Export Figma emails to OneSignal](https://help.emaillove.com/plugin/export/onesignal.md): Connect your OneSignal account and export email designs from Figma as OneSignal email templates.
- [Export Figma emails to Parcel](https://help.emaillove.com/plugin/export/parcel.md): Export your Figma email design as Parcel-ready HTML for code-level editing and testing.
- [Export Figma emails to Pardot (Account Engagement)](https://help.emaillove.com/plugin/export/pardot.md): Connect Salesforce Pardot via a Connected App and export email designs from Figma as Account Engagement templates.
- [Export Figma emails to Postmark](https://help.emaillove.com/plugin/export/postmark.md): Export email designs from Figma into Postmark's template library with the Email Love plugin.
- [Export Figma emails to Sailthru](https://help.emaillove.com/plugin/export/sailthru.md): Connect your Sailthru account and export email designs from Figma as Sailthru templates.
- [Export Figma emails to Salesforce Marketing Cloud](https://help.emaillove.com/plugin/export/salesforce-marketing-cloud.md): Connect SFMC and export email designs from Figma as Content Builder emails, with tracking tags and in-place updates.
- [Export Figma emails to SendGrid](https://help.emaillove.com/plugin/export/sendgrid.md): Export email designs from Figma into SendGrid as dynamic templates with the Email Love plugin.
- [Export Figma emails to SendX](https://help.emaillove.com/plugin/export/sendx.md): Export email designs from Figma into SendX as draft campaigns with the Email Love plugin.
- [Export Figma emails to Stripo](https://help.emaillove.com/plugin/export/stripo.md): Export email designs from Figma into Stripo as email templates with the Email Love plugin.
- [Export Figma emails to Zapier](https://help.emaillove.com/plugin/export/zapier.md): Send your Figma email HTML to Zapier via a Catch Hook trigger to power thousands of automated workflows.
- [Localization & Translation Overview](https://help.emaillove.com/plugin/export/translation/overview.md): How the Email Love plugin supports multi-language email workflows with automatic translation tags
- [How to Translate Braze Email Templates Using Smartling](https://help.emaillove.com/plugin/export/translation/braze-smartling.md): Design in Figma, export to Braze with auto-generated translation tags, and translate with Smartling
- [How to Translate Iterable Email Templates Using Lokalise](https://help.emaillove.com/plugin/export/translation/iterable-lokalise.md): Design in Figma, export to Iterable, and translate into multiple languages with Lokalise
- [Demo Videos](https://help.emaillove.com/plugin/videos/demos.md): Watch demo videos and tutorials for the Email Love Figma Plugin
- [Build Along Tutorials](https://help.emaillove.com/plugin/videos/build-along.md): Follow along as we recreate real brand emails from scratch and learn layout techniques, component usage, and design patterns step by step
- [Email Love Subscription Plans](https://help.emaillove.com/plugin/account/plans.md): The Free, Starter, Growth, Professional, and Enterprise plans, what each includes, and how to sign up from the plugin
- [Managing Your Subscription](https://help.emaillove.com/plugin/account/manage-subscription.md): Upgrade, change seats, or update billing: Stripe subscriptions from the plugin's Account page, Gumroad subscriptions on Gumroad
- [Canceling Your Subscription](https://help.emaillove.com/plugin/account/cancel.md): How to cancel a Stripe subscription from the plugin's Account page, or a legacy Gumroad membership
- [Troubleshooting & FAQ](https://help.emaillove.com/plugin/getting-started/troubleshooting.md): Solutions to common issues with the Email Love Figma Plugin
- [Get Help from Claude or Codex](https://help.emaillove.com/plugin/ai/agent-help.md): Use the Email Love workflow to inspect a Figma file, diagnose email problems, and make careful fixes on the canvas
- [Security](https://help.emaillove.com/plugin/security/overview.md): How the Email Love Figma plugin keeps your designs, templates, and data secure
- [What's New / Changelog](https://help.emaillove.com/plugin/getting-started/changelog.md): Stay up to date with the latest plugin updates and features
- [Email Love, a powerful Taxi for Email alternative](https://help.emaillove.com/plugin/comparisons/taxi-for-email.md): Compare Email Love and Taxi for Email for enterprise email production: Figma-native design vs modular platform with guardrails for non-designers, localization, and enterprise governance
- [Email Love, a powerful Emailify alternative](https://help.emaillove.com/plugin/comparisons/emailify.md): How Email Love compares to Emailify on pricing, ESP integrations, AI features, and team collaboration
- [Email Love vs Beefree: Which Email Design Tool is Right for Your Team?](https://help.emaillove.com/plugin/comparisons/beefree.md): How Email Love compares to Beefree for design teams using Figma vs drag-and-drop email builders
- [Email Love, a powerful Stripo alternative](https://help.emaillove.com/plugin/comparisons/stripo.md): How Email Love compares to Stripo on design workflow, ESP integrations, AI features, and pricing
- [Email Love, a powerful Knak alternative](https://help.emaillove.com/plugin/comparisons/knak.md): Compare Email Love and Knak for enterprise email creation: Figma-native design vs marketing automation platform integration, with pricing, features, and team workflow differences
- [Email Love, a powerful Dyspatch alternative](https://help.emaillove.com/plugin/comparisons/dyspatch.md): Compare Email Love and Dyspatch for email production: Figma-native design vs enterprise email platform with AMP email support, modular architecture, and localization
- [Email Love vs Marka: Which Figma Plugin is Right for Your Team?](https://help.emaillove.com/plugin/comparisons/marka.md): How Email Love compares to Marka on team collaboration, ESP integrations, AI features, and pricing for teams
- [Email Love, a powerful Designmodo Postcards alternative](https://help.emaillove.com/plugin/comparisons/designmodo-postcards.md): How Email Love compares to Designmodo Postcards on design control, ESP integrations, AI features, and enterprise scalability
- [Email Love Builder Overview](https://help.emaillove.com/builder/getting-started/overview.md): Email Love Builder is a web-based email builder for creating on-brand emails in your browser. Set up your account and create your first template in minutes.
- [Creating Your First Email](https://help.emaillove.com/builder/getting-started/first-email.md): A step-by-step walkthrough of creating a template, from choosing a starting point to previewing.
- [Overview](https://help.emaillove.com/builder/editor/overview.md): Understand the core features, views, and layout of the editor.
- [Visual Editor](https://help.emaillove.com/builder/editor/visual-editor.md): Build professional email templates with the drag-and-drop visual editor.
- [Previewing and Exporting](https://help.emaillove.com/builder/editor/preview-export.md): Preview across devices and modes, then export to your email platform.
- [Overview](https://help.emaillove.com/builder/design-systems/overview.md): What design systems are, why they're valuable, and how to use them.
- [Creating a Design System](https://help.emaillove.com/builder/design-systems/create.md): Build your first design system: components, layouts, and base styles.
- [Using a Design System](https://help.emaillove.com/builder/design-systems/use.md): Create and edit emails using your design system's components, layouts, and base styles.
- [Overview](https://help.emaillove.com/builder/team/overview.md): Invite members, assign roles, and manage permissions in a shared workspace.
- [Overview](https://help.emaillove.com/builder/integrations/overview.md): Export your email templates directly to leading ESPs (Braze, Iterable, Marketo).
- [Braze](https://help.emaillove.com/builder/integrations/braze.md): Connect your Braze account and export templates directly to Braze.
- [Iterable](https://help.emaillove.com/builder/integrations/iterable.md): Connect your Iterable account and export templates directly to Iterable.
- [Marketo](https://help.emaillove.com/builder/integrations/marketo.md): Connect your Adobe Marketo Engage account and export templates directly to Marketo.
- [Overview](https://help.emaillove.com/builder/figma-plugin/overview.md): Sync Figma components and export full email designs with the Email Love Figma plugin.
- [Setting Up the Figma Plugin](https://help.emaillove.com/builder/figma-plugin/setup.md): Install and configure the Email Love Figma plugin and generate your API key.
- [Overview](https://help.emaillove.com/builder/api/overview.md): Programmatic access to templates and design systems: authentication, endpoints, and resources.

## OpenAPI Specs

- [openapi](https://help.emaillove.com/api-reference/openapi.json)