# Email Love

## Docs

- [Overview](https://help.emaillove.com/builder/api/overview.md): Programmatic access to templates and design systems: authentication, endpoints, and resources.
- [Creating a Design System](https://help.emaillove.com/builder/design-systems/create.md): Build your first design system: components, layouts, and base styles.
- [Overview](https://help.emaillove.com/builder/design-systems/overview.md): What design systems are, why they're valuable, and how to use them.
- [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/editor/overview.md): Understand the core features, views, and layout of the editor.
- [Previewing and Exporting](https://help.emaillove.com/builder/editor/preview-export.md): Preview across devices and modes, then export to your email platform.
- [Visual Editor](https://help.emaillove.com/builder/editor/visual-editor.md): Build professional email templates with the drag-and-drop visual editor.
- [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.
- [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/getting-started/overview.md): Set up your account and create your first email template in minutes.
- [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/integrations/overview.md): Export your email templates directly to leading ESPs (Braze, Iterable, Marketo).
- [Overview](https://help.emaillove.com/builder/team/overview.md): Invite members, assign roles, and manage permissions in a shared workspace.
- [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
- [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
- [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
- [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
- [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
- [Send with confidence using Copilot](https://help.emaillove.com/plugin/ai/copilot.md): Catch and fix email structure issues before export
- [Email Creation MCP](https://help.emaillove.com/plugin/ai/email-creation-mcp.md): Generate emails inside of Claude or ChatGPT with the Email Love MCP
- [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
- [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
- [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 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 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, 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, 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, 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 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 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 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
- [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
- [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
- [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
- [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
- [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.
- [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 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
- [Upload your email to ActiveCampaign](https://help.emaillove.com/plugin/export/activecampaign.md): How to push your Figma email design directly into ActiveCampaign as a template (with optional in-place updates) using the Email Love plugin
- [Upload your email to Airship](https://help.emaillove.com/plugin/export/airship.md): How to push your Figma email design directly into Airship as a message template with the Email Love plugin
- [Exporting an Email Design](https://help.emaillove.com/plugin/export/basics.md): Convert your email design into email-friendly HTML or MJML, or export it straight to your email marketing platform
- [Upload your email to Blueshift](https://help.emaillove.com/plugin/export/blueshift.md): Export your email for Blueshift
- [Upload your email to Braze](https://help.emaillove.com/plugin/export/braze.md): How to connect your Braze account and export email designs and content blocks from Figma, with translation tag support
- [Upload your email to Brevo](https://help.emaillove.com/plugin/export/brevo.md): How to push your Figma email design directly into Brevo as an email template (with optional in-place updates) using the Email Love plugin
- [Sync your emails to Email Love Builder](https://help.emaillove.com/plugin/export/builder.md): How to connect Email Love Builder and sync email templates and design systems from Figma, enabling non-designers to edit emails without breaking your brand
- [Upload your email to a Custom Webhook](https://help.emaillove.com/plugin/export/custom-webhook.md): Export your email HTML to any webhook endpoint with custom headers and payload data
- [Upload your email to Customer.io](https://help.emaillove.com/plugin/export/customerio.md): How to push your Figma email design directly into Customer.io Design Studio with the Email Love plugin
- [Upload your email to Emarsys](https://help.emaillove.com/plugin/export/emarsys.md): How to connect your Emarsys account and export email designs from Figma
- [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
- [Upload your email to HubSpot](https://help.emaillove.com/plugin/export/hubspot.md): Export your email to HubSpot via API
- [Upload your email to Iterable](https://help.emaillove.com/plugin/export/iterable.md): Export emails, multi-locale templates, and reusable snippets from Figma to Iterable
- [Upload your email to Klaviyo](https://help.emaillove.com/plugin/export/klaviyo.md): How to connect your Klaviyo account and export email designs from Figma, including dynamic content with Liquid tags
- [Upload your email to Loops](https://help.emaillove.com/plugin/export/loops.md): Export your email for Loops
- [Upload your email to MailerLite](https://help.emaillove.com/plugin/export/mailerlite.md): How to push your Figma email design directly into MailerLite (current or Classic) as a draft campaign, with optional in-place updates, using the Email Love plugin
- [Upload your email to Mailjet](https://help.emaillove.com/plugin/export/mailjet.md): How to push your Figma email design directly into Mailjet as a template (with optional in-place updates) using the Email Love plugin
- [Upload your email to Make](https://help.emaillove.com/plugin/export/make.md): Export your email to Make (Integromat) via a Custom Webhook to power any scenario
- [Upload your email to Adobe Marketo](https://help.emaillove.com/plugin/export/marketo.md): Export your email to Marketo Engage
- [Upload your email to MoEngage](https://help.emaillove.com/plugin/export/moengage.md): Export your email to MoEngage via API
- [Upload your email to Netcore](https://help.emaillove.com/plugin/export/netcore.md): Export your email for Netcore
- [Upload your email to OneSignal](https://help.emaillove.com/plugin/export/onesignal.md): How to connect your OneSignal account and export email designs from Figma as production-ready HTML templates
- [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 email to Parcel](https://help.emaillove.com/plugin/export/parcel.md): How to export your Figma email design as a Parcel-ready HTML download using the Email Love plugin
- [Upload your email to Salesforce Pardot (Account Engagement)](https://help.emaillove.com/plugin/export/pardot.md): How to connect Salesforce Pardot via a Connected App and export email templates from Figma, including updatable templates
- [Upload your email to Postmark](https://help.emaillove.com/plugin/export/postmark.md): How to push your Figma email design directly into Postmark's template library with the Email Love plugin
- [Upload your email to Sailthru](https://help.emaillove.com/plugin/export/sailthru.md): How to connect your Sailthru account and export email designs from Figma, including updatable templates
- [Upload your email to Salesforce Marketing Cloud](https://help.emaillove.com/plugin/export/salesforce-marketing-cloud.md): How to connect Salesforce Marketing Cloud and export email designs from Figma, with alias, conversion, and impression tracking
- [Upload your email to SendGrid](https://help.emaillove.com/plugin/export/sendgrid.md): How to push your Figma email design directly into SendGrid as a dynamic template (with optional in-place updates) using the Email Love plugin
- [Upload your email to SendX](https://help.emaillove.com/plugin/export/sendx.md): How to push your Figma email design directly into SendX as a template (with optional in-place updates) using the Email Love plugin
- [Upload your email to Stripo](https://help.emaillove.com/plugin/export/stripo.md): How to push your Figma email design directly into Stripo as a template using the Email Love plugin
- [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
- [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
- [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
- [Upload your email to Zapier](https://help.emaillove.com/plugin/export/zapier.md): Export your email to Zapier via a Catch Hook trigger to power any Zap
- [Email Accessibility Guide](https://help.emaillove.com/plugin/getting-started/accessibility.md): Make your emails readable and usable for everyone
- [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 Client Compatibility Matrix](https://help.emaillove.com/plugin/getting-started/client-compatibility.md): What works where across major email clients
- [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
- [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
- [Understanding MJML](https://help.emaillove.com/plugin/getting-started/mjml.md): The Framework Behind the Email Love Figma Plugin
- [Getting Started](https://help.emaillove.com/plugin/getting-started/overview.md): What you need before using 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
- [Keyboard Shortcuts & Workflow Tips](https://help.emaillove.com/plugin/getting-started/shortcuts.md): Speed up your email design process
- [Troubleshooting & FAQ](https://help.emaillove.com/plugin/getting-started/troubleshooting.md): Solutions to common issues with the Email Love Figma Plugin
- [Adding Images to an Email](https://help.emaillove.com/plugin/images/add-images.md): How to add, replace, and resize images in your email design
- [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
- [Loading External Images](https://help.emaillove.com/plugin/images/external-images.md): How to use externally hosted images like countdown timers in your email
- [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 & Alt Text to your Images](https://help.emaillove.com/plugin/images/links-alt-text.md): How to add clickable links and accessibility alt text to images
- [Optimize for Mobile](https://help.emaillove.com/plugin/images/mobile-images.md): Design emails that look great on every screen size
- [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
- [UTM Parameters](https://help.emaillove.com/plugin/links/utm-parameters.md): Track your email campaign's performance by adding UTM parameters to every link in your email
- [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
- [Mobile Optimization](https://help.emaillove.com/plugin/mobile/overview.md): Design emails that look great on every screen size
- [Show/Hide Content on Desktop & Mobile](https://help.emaillove.com/plugin/mobile/show-hide-content.md): Control which content appears on different devices
- [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
- [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
- [Using Email Love with an Existing Email Design](https://help.emaillove.com/plugin/quickstart/existing-design.md): How to recreate your existing emails using Email Love components
- [Designing an Email Template from Scratch](https://help.emaillove.com/plugin/quickstart/from-scratch.md): Your own email designs, with help from our prebuilt components!
- [Creating an Email Design Based on a Template](https://help.emaillove.com/plugin/quickstart/from-template.md): Email designs, with help from our templates!
- [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
- [Security](https://help.emaillove.com/plugin/security/overview.md): How the Email Love Figma plugin keeps your designs, templates, and data secure
- [Aligning Frames & Content](https://help.emaillove.com/plugin/styling/alignment.md): Learn how to align your content vertically and horizontally
- [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
- [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
- [Element Reference: Button](https://help.emaillove.com/plugin/styling/button.md): Everything you need to know about the mj-button component
- [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
- [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
- [Full-Width Background Color](https://help.emaillove.com/plugin/styling/full-width-background.md): Set a full-width background color for one of your components.
- [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
- [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
- [Padding](https://help.emaillove.com/plugin/styling/padding.md): How to use Figma Auto Layout to control padding on wrappers, columns, and content elements
- [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
- [Element Reference: Spacer & Divider](https://help.emaillove.com/plugin/styling/spacer-divider.md): Control spacing and visual separation in your emails
- [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
- [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
- [Demo Videos](https://help.emaillove.com/plugin/videos/demos.md): Watch demo videos and tutorials for the Email Love Figma Plugin

## OpenAPI Specs

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