Migrate a site to Webflow using MCP – Webflow tutorial
6810 次观看 · 2026-09-22
UI 设计
Website migrations are about more than rebuilding pages. Learn how to migrate a website to Webflow with AI while protecting SEO, analytics, redirects, CMS content, forms, and other critical systems.
In this video, Webflow developer Keegan Leary shows how he migrates a legacy website to Webflow using Claude, Webflow MCP, Figma, analytics data in a structured three-phase workflow: plan, build, then ship & QA. Follow Keegan as he makes decisions, adjusts his approach, and checks his work throughout the migration, rather than explaining every step in detail.
The goal isn’t just to recreate the website. It’s to preserve discoverability and downstream reporting while using the migration as an opportunity to clean up accumulated technical debt and give teams a more flexible website in Webflow.
Copy the prompts Keegan used in the video and adapt them for your own migration project → https://migration-planning-prompts-wfu.webflow.io/
00:00 — Migrating without breaking SEO
02:14 — Phase 1: Plan your migration
02:37 — URL plan: map URLs, redirects & search traffic
14:02 — CMS plan: prepare your CMS schema
25:17 — Scripts plan: audit scripts on legacy site
30:10 — Forms plan: identify the forms and associated pages/elements
33:21 — Design system plan: turn Figma into a Webflow design system
38:56 — Phase 2: Build the site with Webflow MCP
41:10 — Build out CMS Collection in Webflow
41:45 — Use Figma file to build homepage
47:58 — Import CMS items
52:12 — Review first pass at homepage build
53:49 — Start a new chat with Claude and try homepage build again
58:29 — The biggest pitfall when migrating a site
59:25 — Review second pass at homepage build
1:01:37 — Review the finished site build
1:03:42 — Phase 3: Ship & QA
1:05:34 — Import redirects
1:07:37 — Publish to staging & QA
1:08:39 — Cut over DNS from Cloudflare
1:12:38 — Post-launch QA & monitoring
1:15:36 — Recap & wrap-up
Check out additional resources and other Webflow MCP lessons → https://university.webflow.com/videos/migrate-a-site-to-webflow
----------
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community
https://webflow.com
https://university.webflow.com/
https://x.com/webflow
https://www.instagram.com/webflow
https://www.tiktok.com/@webflow
https://facebook.com/webflow
In this video, Webflow developer Keegan Leary shows how he migrates a legacy website to Webflow using Claude, Webflow MCP, Figma, analytics data in a structured three-phase workflow: plan, build, then ship & QA. Follow Keegan as he makes decisions, adjusts his approach, and checks his work throughout the migration, rather than explaining every step in detail.
The goal isn’t just to recreate the website. It’s to preserve discoverability and downstream reporting while using the migration as an opportunity to clean up accumulated technical debt and give teams a more flexible website in Webflow.
Copy the prompts Keegan used in the video and adapt them for your own migration project → https://migration-planning-prompts-wfu.webflow.io/
00:00 — Migrating without breaking SEO
02:14 — Phase 1: Plan your migration
02:37 — URL plan: map URLs, redirects & search traffic
14:02 — CMS plan: prepare your CMS schema
25:17 — Scripts plan: audit scripts on legacy site
30:10 — Forms plan: identify the forms and associated pages/elements
33:21 — Design system plan: turn Figma into a Webflow design system
38:56 — Phase 2: Build the site with Webflow MCP
41:10 — Build out CMS Collection in Webflow
41:45 — Use Figma file to build homepage
47:58 — Import CMS items
52:12 — Review first pass at homepage build
53:49 — Start a new chat with Claude and try homepage build again
58:29 — The biggest pitfall when migrating a site
59:25 — Review second pass at homepage build
1:01:37 — Review the finished site build
1:03:42 — Phase 3: Ship & QA
1:05:34 — Import redirects
1:07:37 — Publish to staging & QA
1:08:39 — Cut over DNS from Cloudflare
1:12:38 — Post-launch QA & monitoring
1:15:36 — Recap & wrap-up
Check out additional resources and other Webflow MCP lessons → https://university.webflow.com/videos/migrate-a-site-to-webflow
----------
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community
https://webflow.com
https://university.webflow.com/
https://x.com/webflow
https://www.instagram.com/webflow
https://www.tiktok.com/@webflow
https://facebook.com/webflow