Connect Webflow to your Rocket.new app and pull CMS collections, sync content, and build programmatic publishing workflows with a single prompt.
Connect Webflow via OAuth and describe what you want to build in chat. Rocket reads your CMS collections, pages, and site structure as live context, bridging your visual design and your app’s data layer seamlessly.
This connector is only available for Next.js TypeScript web build tasks.
Webflow is a workspace-level connector. Connect it once from Settings and it is available across all tasks.
Webflow uses OAuth, so no API key is required. The connection flow has two steps: check the redirect URL and authorize Rocket access to your Webflow account, then select the specific sites or workspaces to grant access to.
Rocket can only access the Webflow site you select during the connection flow. To switch sites, disconnect and reconnect with the new site selected.
You can connect from three places. All do the same thing.Option 1: From chatType a prompt that mentions Webflow - for example, Connect my Webflow site and list the Blog CMS collection. Rocket detects the intent and shows a Connect button inline. Click it to open the authorization flow.
Webflow connection prompt in chat
Option 2: From the Connectors tabClick the ... button in the preview toolbar, then select Connectors.
Open Connectors from the toolbar
Click the Webflow card, then click Connect with Webflow.
Webflow card in the Connectors panel
Option 3: From workspace Settings
Connect from workspace Settings
Connect once from Settings and it is available across all tasks.
Step 1: Authorize RocketWebflow MCP’s authorization screen opens. Review what Rocket is requesting access to, check I recognize and trust this URL, then click Continue.
Webflow MCP authorization - Rocket is requesting access
Step 2: Select sites to authorizeOn the next screen, select the Webflow sites or workspaces you want Rocket to access, then click Authorize App.
Select the Webflow sites to authorize
A green dot appears next to Webflow when the connection is active.Disconnect
Disconnect a service
Disconnect or switch sites from workspace Settings.
You can connect from two places. Both do the same thing.Option 1: From chatType a prompt that mentions Webflow. Rocket shows a Connect button inline. Tap it to open the authorization flow.Option 2: From the Connectors tab
Tap the More button in the header.
Tap Integrations.
Tap the Webflow card, then tap Connect with Webflow.
Step 1: Authorize RocketWebflow MCP’s authorization screen opens. Review the permissions, check I recognize and trust this URL, then tap Continue.Step 2: Select sites to authorizeSelect the Webflow sites or workspaces you want Rocket to access, then tap Authorize App.A green dot appears next to Webflow when the connection is active.
Select the right site during setup. If your Webflow workspace has multiple sites, make sure you pick the one that contains the collections you want to use.
To switch sites, reconnect. You can only connect one Webflow site at a time per workspace. Disconnect and reconnect to switch to a different site.
Webflow tools are powered by MCP. Rocket connects to Webflow via a live MCP integration. It reads your real site structure and CMS data at generation time, not static exports.
Publishing requires the right Webflow plan. Webflow’s CMS API publishing capabilities depend on your Webflow subscription. Make sure your plan supports CMS API access.
Pair with Supabase for user-specific data. Webflow CMS is great for editorial content. Use Supabase alongside it for user accounts, preferences, and transactional data.
