All courses
Get started with Webflow MCP
Login with your Webflow account to track your progress

Get started with Webflow MCP

Connect an AI agent to your Webflow site and complete your first MCP workflow.

MCP connects AI agents to Webflow, and AI agents can do real work: build components, manage CMS collections, update metadata, and more. This course walks you through getting connected, writing prompts that work, and running your first workflow using natural language prompts.

By the end of this course, you'll know how to:

  • Explain what MCP is and what an agent does
  • Connect an AI agent like Claude to your Webflow workspace and understand what you’ve authorized
  • Recognize the types of tasks your agent can help with, from working with site data to building directly on the canvas
  • Write a prompt that gives your agent the context, constraints, and approval step it needs
  • Complete a real workflow on your own site and review the results before anything goes live

Ready to practice? Download a guided, personalized skill that walks you through your first MCP task on your own test site. Access the activity anytime from the Assets & links section within the Course progress box on the right.

Table of contents

1

Intro

Coming soon

1

Background & preview
2:30
Background & preview
Coming soon

1

What is MCP, and how does it work?
2:00
What is MCP, and how does it work?
Coming soon

2

Getting connected

Coming soon

2

Intro to the Webflow MCP
5:18
Intro to the Webflow MCP
Coming soon

2

What your connection gives you
2:30
What your connection gives you
Coming soon

3

Building with MCP

Coming soon

3

Writing a prompt that works
3:00
Writing a prompt that works
Coming soon

3

MCP: Build an FAQ accordion with Claude
8:19
MCP: Build an FAQ accordion with Claude
Coming soon

3

Webflow CMS with MCP & Claude
3:01
Webflow CMS with MCP & Claude
Coming soon

3

Getting the most out of MCP
3:00
Getting the most out of MCP
Coming soon

4

Wrap-up

Coming soon

4

Activity & resources
2:30
Activity & resources
Coming soon
Webflow MCP icon on glowy blue square

Progress

0%

Details

Intermediate
32m
9
Lessons

Assets & links

Assessment