# HubSpot Framer Integration

> To integrate HubSpot in Framer, open your Framer project, access the Plugins menu, and browse all integrations. Select HubSpot, log in to your account, choose your account, and click connect app to link HubSpot with Framer and return to your design work.

Canonical: https://livedemo.ai/tutorials/hubspot-framer-integration/
Apps: HubSpot, Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a52e5ab56e05a00000365/preview?step=1

## Steps

1. Let's start by opening your Framer project.
2. Click the 'Plugins' menu to access your HubSpot data right within your Framer projects.
3. Select 'Browse All...' to view available integrations.
4. Select 'HubSpot' to connect your account and enhance your design capabilities.
5. Access your HubSpot account by clicking 'Log In'.
6. Connect your HubSpot account to bring your marketing data into your design workflow.
7. Select your HubSpot account to access your designs and templates.
8. Click 'Choose account' to connect to Framer.
9. Click 'Connect app' to establish the link between Framer and HubSpot.
10. Authentication complete! Head back to Framer to continue your design work.