ChatGPT

Webflow provides an app that gives ChatGPT direct access to the Webflow MCP server.

Using the Webflow app

Open the Webflow app listing

Go to the Webflow app in ChatGPT.

Connect the app

Click Connect.

Authorize access

Authorize access and click Continue.

The Webflow MCP authorization dialog requesting ChatGPT access

Select sites or Workspaces

Choose the sites and/or Workspaces you want to give ChatGPT access to and then click Authorize App.

Write your first prompt

Start interacting with the MCP server by mentioning @Webflow in your ChatGPT conversation. Try prompts like:

@Webflow List all my collections and show me their field structures

@Webflow Audit my site for broken links, missing alt text, and incomplete meta descriptions

@Webflow Create a responsive hero section with a headline, description, and CTA button

Review actions before ChatGPT takes them

By default, ChatGPT asks you to approve any actions it wants to take in Webflow. You can manage connected apps in ChatGPT → Settings → Connected apps.

Next steps

Now that you’ve installed the MCP server, explore what you can do:

Explore the prompt library

Browse ready-to-use prompts for image optimization, SEO audits, style refactoring, and more.

Use skills

Install skills that help you accomplish common Webflow tasks through natural language.

Learn how it works

Understand the architecture, authentication, and how the MCP server connects to Webflow’s APIs.