> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Export Figma emails to HubSpot

> Export email designs from Figma into HubSpot as marketing email templates via the HubSpot API.

Email Love includes an "Export to HubSpot" option that uses the HubSpot API to upload your email template seamlessly into your HubSpot Marketing account.

<Warning>
  To export HTML emails to HubSpot, you will need a Marketing Hub Professional or Enterprise account. Please check this before trying to integrate with the Figma plugin.
</Warning>

<iframe width="100%" height="400" src="https://www.youtube.com/embed/A7s2iPZdfuo" title="Upload your email to HubSpot" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## Exporting your email to HubSpot

The Export feature in the Email Love Figma plugin lets you easily convert your email design into email-friendly HTML or MJML, or directly export it to HubSpot.

Follow these steps to upload your email design to your HubSpot account:

<Steps>
  <Step title="Select your frame">
    Ensure that your email design is finalized and ready for export, then click on the frame you want to export to ensure it is selected.
  </Step>

  <Step title="Click Export">
    Click the Export button located in the top right corner of the Plugin interface.
  </Step>

  <Step title="Pick HubSpot">
    On the Export page, select "HubSpot" from the dropdown menu.
  </Step>

  <Step title="Add your API key">
    If you have not added your HubSpot API key, click "Change API Key."
  </Step>

  <Step title="Open HubSpot settings">
    Login to your HubSpot Account and click on the **settings cog icon** at the very top of HubSpot.
  </Step>

  <Step title="Go to Private Apps">
    Navigate to **Integrations > Private Apps**.
  </Step>

  <Step title="Create a private app">
    Click the **"Create a private app"** button.
  </Step>

  <Step title="Name your app">
    Give your private app a name (e.g., "Email Love Integration"), upload your logo, and add a description.
  </Step>

  <Step title="Set the content scope">
    Click on the **Scopes** section and search for "content." Check the content scope box and click **Update**.
  </Step>

  <Step title="Create the app">
    Click the **"Create app"** button in the top right corner and continue creating (it will take a minute to generate the API key).
  </Step>

  <Step title="Copy the API key">
    Copy the generated API key to your clipboard.
  </Step>

  <Step title="Paste the key into the plugin">
    Return to the Email Love Figma Plugin and paste your API key into the "HubSpot API Key" box. Click the "Set API Key" button.
  </Step>

  <Step title="Use a HubSpot-specific footer">
    Build your email design using Email Love components. **Important:** Make sure to use one of our [HubSpot-specific footers](https://www.figma.com/community/file/1516510755401933948/email-love-hubspot-footer-templates), which contain the required HubSpot merge tags (company name, address, unsubscribe link) necessary for successful campaign deployment.
  </Step>

  <Step title="Name your frame">
    Give your frame a descriptive name as this is what becomes your template name.
  </Step>

  <Step title="Export">
    Click the "Export to HubSpot" button at the top of the plugin.
  </Step>

  <Step title="Create a regular email in HubSpot">
    Navigate to **Marketing > Email** in your HubSpot account and create a regular email.
  </Step>

  <Step title="Find your template">
    In the template selection, go to the **Custom** section where you'll find an "Email Love" folder containing your exported template.
  </Step>
</Steps>

Your template is now ready to use for HubSpot email campaigns!