# How to Connect HubSpot to Framer

> To connect HubSpot in Framer, open your Framer project, click the Plugins menu, and select Browse All. Next, select HubSpot, click Log In to access your HubSpot account, select your account, click Choose account, and click Connect app to complete the authentication and return to Framer.

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

## Steps

1. Open your Framer project.
2. Click the 'Plugins' menu to access your integrated HubSpot data within your Framer projects.
3. Select 'Browse All...'
4. Select 'HubSpot' to connect your HubSpot account to enhance your design workflow.
5. Access your HubSpot account by clicking 'Log In'.
6. Connect your HubSpot account to enable powerful marketing integrations.
7. Select your HubSpot account to access your designs and templates.
8. Click 'Choose account' to connect to Framer.
9. Click 'Connect app' to link your application to enable seamless data flow between platforms.
10. Authentication complete! Return to Framer to continue your design journey.