Light mode Switch to Dark mode High contrast

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

Progress

0%

Details

Intermediate

32m

9

Lessons

Assets & links

Try a real MCP workflow on your site

Assessment

Test your knowledge

Enroll Now →

Continue Learning

<h3>Intro to Optimize</h3>Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and AI Optimize.

<h3>Webflow 101</h3>Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

<h3>Prepare to publish your site</h3>Learn how publishing works in Webflow, manage site changes with confidence, and prepare for launch.

<h3>Webflow SEO fundamentals</h3>Learn how to plan, build, and maintain a search-friendly Webflow site using best practices and built-in SEO tools.

<h3>Take your app live with Webflow Cloud</h3>Prepare and deploy an existing app, connect live data, and keep it running.

<h3>Collaborate with your team</h3>Learn how to set up roles, permissions, and workflows in Webflow so your entire team can work together safely, confidently, and efficiently.

{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Get started with Webflow MCP",
  "description": "Connect an AI agent to your Webflow site and complete your first MCP workflow.",
  "url": "https://university.webflow.com/courses/get-started-mcp",
  "inLanguage": "en",
  "provider": {
    "@type": "Organization",
    "name": "Webflow University",
    "sameAs": "https://university.webflow.com"
  }
}