# Introduction https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/introduction-to-webflow-migration See what moving a real Webflow site into Sanity involves, clone the sample project, and install the migration skill you'll lean on throughout. --- ## Navigation **Course:** [Migrating content from Webflow to Sanity](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity) ยท [View as markdown](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity.md) **Next:** [Audit and migration plan](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/audit-and-migration-plan) --- ## Course Contents 1. **Introduction** *(current)* 2. [Audit and migration plan](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/audit-and-migration-plan) 3. [Connect to the Webflow Data API](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/connect-to-the-webflow-data-api) 4. [Recognizing Webflow's fingerprints](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/recognizing-webflow-fingerprints) 5. [Designing your Sanity schema](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/designing-your-sanity-schema) 6. [Preparing your migration script](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/preparing-your-migration-script) 7. [Importing collections and resolving references](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/importing-collections-and-references) 8. [Uploading assets from the Webflow CDN](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/uploading-assets-from-webflow) 9. [Converting Webflow rich text to Portable Text](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/converting-rich-text-to-portable-text) 10. [What Webflow did automatically (now you decide)](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/what-webflow-did-automatically) 11. [Validation and cutover](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/validation-and-cutover) 12. [Where your content goes next](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity/where-your-content-goes-next) --- Your Webflow site works. The Designer handles layout, editors update the CMS, and the marketing team ships pages. Then the model starts to pinch. Marketing wants a landing page in a new shape, and that needs a designer to wire up Page Slots first. The mobile team asks for the same content the website uses, and there's no clean way to hand it over. A second site shows up, and you're already dreading the copy-paste. None of those are bugs. They're the edge of a product built to produce one website. When content and design are one thing, the content cannot go anywhere the design doesn't. This course moves a Webflow site into Sanity, where content is structured data with a query API, and a website is one of the things it can feed. You'll do it end to end on a sample blog: audit the content, model it, pull it through the Webflow Data API, resolve references, migrate assets off the Webflow CDN, and convert rich text to Portable Text. By the last lesson the sample's content lives in Sanity, verified in the Studio. Two things to set up front. First, your real site will not match the sample exactly. That's the point. The sample is the common shape (a marketing site with a blog) so you can watch the whole migration once. Each lesson ends with how to adapt that step to your own collections. Second, you'll work with an agent the whole way. Sanity ships a migration skill that encodes the method, including a Webflow reference. You'll install it now and use it to plan, scaffold, and adapt. The rule throughout is generate, then verify: let the agent write the boring parts, then check the result against your schema and in the Studio. A migration that silently drops an embed or mis-resolves a reference is the failure mode that bites at launch, so every build lesson pairs an action with a check. - [ ] Clone the sample Webflow project into your own Webflow account so you have a CMS to export. (Link to the clone goes here once the sample is locked.) - [ ] Install Sanity's migration skill so your agent has the method and the Webflow reference on hand. ```bash npx skills add sanity-io/agent-toolkit --skill sanity-migration ``` This course is the Webflow-specific companion to the general patterns in [Refactoring content for migration](https://www.sanity.io/learn/course/refactoring-content). If you haven't moved content into Sanity before, that course covers the fundamentals this one builds on. Next, you'll inventory the sample site and have your agent draft a migration plan. --- ## Related Resources - [Full course as markdown](https://www.sanity.io/learn/course/migrating-content-from-webflow-to-sanity.md) - [All courses and lessons](https://www.sanity.io/learn/sitemap.md) - [Complete content for LLMs](https://www.sanity.io/learn/llms-full.txt) ## Submitting Feedback If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback: POST https://www.sanity.io/learn/resource/feedback ```json { "path": "/learn/course/migrating-content-from-webflow-to-sanity/introduction-to-webflow-migration.md", "feedback": "Description of the issue" } ``` Only submit feedback when you have something specific and actionable to report.