Export Your Custom Figma Email Design to HubSpot

Your custom HubSpot email can begin as an editable Figma design. Marka Email Generator exports the template so you can bring the approved layout into HubSpot and prepare the campaign there.

This walkthrough covers the handoff after design approval. If you are still building the email, start with the Figma campaign workflow or a HubSpot email template.

Confirm the handoff before designing the final version

Ask the HubSpot campaign owner to confirm access to email templates and the permissions needed to connect the account. HubSpot lists Marketing Hub Professional or Enterprise as a requirement for building email templates in its design tools. Review the current template requirements.

Agree where future edits will happen. If the team will keep designing in Figma, save the approved frame as the source for the next export. Do not assume every section of an imported design will become a HubSpot drag-and-drop module.

Prepare an approved Figma frame

Give the frame a descriptive name such as “Welcome — September.” Replace placeholder images, review the phone layout and check every call to action.

Keep a short handoff note beside the frame:

• Campaign name and approved subject line.
• Preheader and primary destination URL.
• Personalization fields the campaign owner expects to use.
• Footer information and the person approving the send.

This lets the marketer finish the campaign without guessing which copy belongs to the approved design.

Connect Marka to HubSpot

Marka's documented workflow uses a HubSpot private app with the required files and content access. Configure that connection through the HubSpot export instructions, then select the approved project in Marka and export it to the connected account.

Find the exported template in HubSpot's design tools. Keep a clear name or version note so it is easy to identify when preparing the email.

Review the imported template

Compare the HubSpot preview with the approved Figma frame. Check the headline, images, section order and footer. Then inspect the links and preview any personalization using representative contacts.

If you need a visual revision, make it in Figma and export again. If the team needs ongoing editable HubSpot modules, agree that setup separately with the person maintaining HubSpot templates.

Test before using it in a campaign

Prepare a test email with the final subject, sender details and content. Review the received message on a phone and desktop, including the Outlook versions your recipients use.

Check the image loading, primary action and long text. A successful export is the start of that review; it does not establish how every inbox will render the campaign.

Keep revisions easy to follow

Save the approved Figma frame and record the matching HubSpot template. For later changes, review the revised export in a draft campaign before replacing a template that other work depends on.

Open Marka to export your Figma email, or use the HubSpot integration overview for the wider workflow.