MCP ServerGetting started

ChatGPT

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

Using the Webflow app

1

Open the Webflow app listing

Go to the Webflow app in ChatGPT.

The Webflow app listing page in ChatGPT
2

Connect the app

Click Connect.

3

Sign in to Webflow

Click Sign in with Webflow and log in to your Webflow account if you’re prompted to do so.

The Add Webflow to ChatGPT sign-in dialog
4

Authorize access

Authorize access and click Continue.

The Webflow MCP authorization dialog requesting ChatGPT access
5

Select sites or Workspaces

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

6

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.