Craft CMS to Webflow: When Developer-Built Sites Move to Visual CMS

TL;DR
- Engineering teams that built on Craft CMS are facing a structural tension: the platform is technically elegant but creates a dependency that slows marketing velocity as the company scales.
- Translating a Craft content model to Webflow requires rethinking Sections as Collections, replacing Matrix fields with a combination of Rich Text, components, and multi-reference fields, and auditing every plugin for a native or integration-based replacement.
- The technical migration is the smaller challenge, the real work is the cultural handover from a developer-owned to a marketer-owned CMS, which requires defined autonomy boundaries, template-first architecture, and a structured transition period before engineering exits.
There is a specific moment in a company's growth when the website stops being a developer's project and starts being a marketer's problem. For teams that built on Craft CMS to Webflow, this transition is rarely planned, it is usually forced by a sprint planning meeting where the marketing team requests a landing page and the engineering backlog is already six weeks deep.
Craft CMS was the right call. It is genuinely powerful: a flexible, developer-first platform with a content model that can be shaped around almost any data architecture. Matrix fields, custom entry types, plugin ecosystems, for a technically sophisticated team, Craft is infrastructure. The problem surfaces when that same infrastructure becomes a bottleneck for a marketing team that needs to publish, test, and iterate without filing a ticket.
This article is written for the engineering leads, CTOs, and senior developers who built something elegant on Craft and are now being asked to hand it over. It covers how to translate your Craft content model into Webflow CMS, what to do with Matrix fields, how to replace the plugins you rely on, and how to manage the cultural shift from a developer-owned to a marketer-owned CMS without breaking what you built.
Why Craft CMS to Webflow Teams Are Evaluating Now
The pressure is coming from marketing, not from engineering. According to a 2024 Gartner report on digital experience platforms, marketing teams at B2B SaaS companies are spending an average of 3.2 weeks per quarter waiting on development resources to execute website changes that a visual CMS could handle in hours. That is not a technology problem, it is an organizational one.
Engineering teams that chose Craft did so for legitimate reasons: full control over the content schema, headless architecture flexibility, no vendor lock-in on the front end. Those are real advantages. But when the business is scaling, when the demand generation team needs eight landing page variants per quarter, and when the content calendar requires weekly CMS updates, the developer-dependency becomes a measurable drag on revenue.
Webflow sits at an intersection that most platforms miss: it is a fully visual CMS and a production-grade design tool simultaneously. Marketing teams can build and publish pages without touching code. Developers can build with custom code, JavaScript, and APIs when needed. The platform does not force a compromise, it redraws the boundary between what requires engineering involvement and what does not.
Craft CMS to Webflow is a migration from a developer-owned, code-configured CMS to a visual, marketer-operable platform. The primary driver is reducing engineering dependency for routine website updates, landing page creation, and content publishing. Webflow preserves developer control where it is needed while handing editorial and design operations to non-technical teams.
Translating Your Craft Content Model to Webflow CMS
This is the part most migration guides skip. Translating a Craft content model into Webflow is not just a data export problem, it is a structural rethinking of how your content is organized, what relationships need to survive the move, and what can be simplified in the process.
In Craft, your content lives in Sections (Singles, Channels, and Structures) with Entry Types that define field layouts per entry. Webflow organizes content differently: everything is either a Collection (a structured CMS entity with defined fields) or a static page.
Here is how the core Craft concepts map to Webflow:
Comparison Table: Craft CMS Content Architecture vs. Webflow CMS
The most significant architectural gap is relational depth. Craft supports multi-level relational fields, entries that reference other entries that reference yet another set of entries. Webflow supports one level of Collection reference per field. If your Craft content model has deep relational chains, you will need to flatten them before migrating, which may require rethinking how certain content types are structured.
For most B2B SaaS sites, this is not a dealbreaker, it is a simplification. The deeply nested content models that made sense in a developer-owned environment are often overkill for what marketing actually uses. The migration is an opportunity to audit what the content model is doing versus what it needs to do.
Matrix Field Equivalents in Webflow
Matrix fields are where most Craft CMS developers pause before committing to a Webflow migration. Matrix is one of Craft's most powerful features: a field type that allows content editors to build flexible, block-based layouts from a library of pre-defined block types. A case study page might have a text block, then a quote block, then a stats block, then a code snippet, all assembled dynamically in the CMS.
Webflow does not have a native Matrix equivalent. This is a genuine constraint, and it is worth being honest about it.
What Webflow does have is a combination of approaches that, together, cover most Matrix use cases:
Approach 1: Rich Text field with styled componentsFor content that is primarily editorial (articles, blog posts, long-form guides) the Rich Text field in Webflow supports embedded images, headings, blockquotes, and basic formatting. It does not support custom block types, but for linear editorial content it is sufficient.
Approach 2: Multi-reference fields with display logicFor modular page sections (hero variants, feature blocks, testimonials), Webflow allows you to create separate Collections for each block type and reference them from a parent Collection. The display logic is then handled in the page template using conditional visibility. This requires more upfront template work but produces a maintainable system.
Approach 3: Webflow's component systemReleased progressively over 2023–2024, Webflow's component system allows reusable design elements with nested slots. For teams building marketing pages, not editorial content, components replace much of what Matrix was doing architecturally.
Approach 4: CMS-injected embedsFor technical content (code snippets, custom data visualizations), Webflow's embed field accepts raw HTML and JavaScript. This is a reasonable replacement for specialized Matrix block types that rendered technical content.
Webflow does not have a direct Matrix field equivalent, but the combination of Rich Text fields, multi-reference Collections, the Webflow component system, and embed fields covers the majority of Matrix use cases. Teams that relied on Matrix for editorial flexibility will need to restructure their content model, while teams using Matrix for marketing page assembly can replicate the behavior using components and conditional visibility.
The honest assessment: if your Craft site relies on Matrix for highly dynamic, editor-assembled page layouts with ten or more block types, Webflow will require significant template architecture work to replicate that. If Matrix was primarily used for blog and case study content, the migration is straightforward.
Plugin Replacement Strategy: What Webflow Covers Natively
Craft's plugin ecosystem is one of its genuine strengths. Plugins like SEOmatic, Sprig, Commerce, and Feed Me handle functionality that, in Webflow, is either built in natively or handled through third-party integrations.
Before migrating, audit every active plugin in your Craft installation. Categorize each one:
- SEO and metadata management: SEOmatic is Craft's most commonly installed plugin. Webflow has native SEO fields for every page and Collection item: title tag, meta description, Open Graph image, canonical URL, robots directives. For most B2B sites, native Webflow SEO is sufficient. Advanced programmatic SEO (bulk meta generation from CMS fields) works natively in Webflow through Collection templates.
- Form handling: Craft does not have native form handling; most teams use Freeform or Sprout Forms. Webflow has a native form builder with submission logging and email notifications. For HubSpot, Salesforce, or Marketo integration, Webflow forms connect via native integrations or Zapier/Make.com workflows.
- Image optimization: Craft relies on Imager-X or similar plugins for image transforms. Webflow handles image optimization natively: automatic WebP conversion, responsive srcset generation, and lazy loading are built in.
- Search: Craft does not have native search; Elasticsearch or Algolia plugins are common. Webflow does not have native search either, but integrates cleanly with Algolia, Jetboost, and Finsweet's CMS filter library.
- Redirects: Craft uses Retour or manual redirect management. Webflow has a built-in 301 redirect manager accessible to non-technical users, this alone removes a common engineering bottleneck.
- E-commerce: If your Craft site runs Commerce, Webflow has a native e-commerce module. For complex e-commerce (subscriptions, B2B pricing logic), Swell, Foxy.io, or Stripe integrations are the standard Webflow approach.
The plugins that have no clean replacement in Webflow are typically those that extend Craft's back-end logic: custom modules, GraphQL query optimization layers, or complex multi-site configurations. These are architectural decisions, not plugin gaps, and they signal a site complexity that may require a phased migration rather than a full cutover.
Managing the Developer-to-Marketer Handover
The technical migration is the smaller challenge. The cultural handover is where most Craft-to-Webflow projects either succeed or regress.
Engineering teams that built on Craft did so because they wanted control. Webflow introduces a new kind of control (visual, template-based, designer-enforced) that feels unfamiliar to teams accustomed to code-first CMS management. The instinct is to replicate every custom behavior from Craft inside Webflow using custom code. That instinct, if left unchecked, produces a Webflow site that is just as developer-dependent as the Craft site it replaced.
A structured handover follows this sequence:
- Define the marketing autonomy scope. Before migrating, document exactly what marketing should be able to do without engineering involvement: publishing blog posts, creating landing pages from existing templates, updating team bios, editing home page copy. This list becomes the acceptance criteria for the Webflow build.
- Build to the template, not to the page. Every CMS-driven page in Webflow is a template. The developer's job is to build robust, flexible templates, not individual pages. Marketing's job is to populate and compose within those templates. This is the fundamental shift from Craft's architecture.
- Establish a style guide inside Webflow. Webflow's design system features (variables, components, class inheritance) should be configured before handover. A marketing team that can add a new section by dropping in a pre-built component is genuinely self-sufficient. A marketing team that modifies raw classes is a QA problem waiting to happen.
- Set editor permissions correctly. Webflow's Editor mode limits what CMS Editors can access, they see a simplified content interface, not the full Designer. Configure Editor access so that marketing operates only within the CMS fields, not within the design layer.
- Run a training sprint, not a training session. A single training session does not produce CMS confidence. A two-week period where marketing executes real publishing tasks with engineering available for questions does. After that sprint, engineering steps back.
The developer-to-marketer CMS handover on a Craft to Webflow migration requires three structural decisions: defining the scope of marketing autonomy, building reusable templates instead of individual pages, and configuring Webflow's Editor permissions to keep non-technical users within the CMS layer. The handover is a process, not an event, it requires a structured transition period where both teams operate the site simultaneously before engineering exits.
What You Will Lose and What You Will Gain
Choosing Webflow over continuing with Craft involves real trade-offs. Engineering teams deserve a clear-eyed view of both sides.
What you lose with Craft:
- Full control over the database schema and back-end query logic
- Unlimited content relational depth
- The ability to write custom PHP for CMS behavior
- Headless flexibility (Craft can serve as a headless CMS for any front end; Webflow's headless options are limited to its API)
- Plugin ecosystem depth for niche use cases
What you gain with Webflow:
- Marketing team independence from the engineering backlog
- Visual page building without sacrificing design system integrity
- Native hosting on a global CDN with automatic SSL, image optimization, and Core Web Vitals tuning
- Built-in SEO tooling accessible to non-technical editors
- Faster time-to-publish for landing pages, blog content, and campaign pages
- Reduced maintenance burden (no server management, no plugin update cycles, no security patching)
For a B2B SaaS company at Series A or B, the calculus usually favors Webflow: the marketing team's velocity matters more than back-end architectural elegance, and the engineering team's time is worth more than CMS maintenance. The Webflow development investment pays back in reduced sprint overhead within the first quarter.
When Craft CMS to Webflow Is the Right Migration
Not every Craft site should migrate to Webflow. The migration makes strong sense when:
- Marketing publishes content more than twice per week and is blocked by engineering dependency
- The site is primarily informational and conversion-focused (SaaS marketing site, agency site, B2B lead generation)
- The existing Craft build is over three years old and plugin compatibility is becoming a maintenance concern
- The company is rebranding or redesigning and wants to consolidate the design and CMS work in one platform
- The engineering team is being redeployed to product and cannot maintain the marketing website long-term
The migration is more complex, and potentially inadvisable, when:
- The site functions as a true application with complex back-end logic tied to the CMS
- Content is served headlessly to multiple front ends (mobile app, web app, third-party portals)
- The content model relies on deeply nested relational structures that cannot be flattened without losing meaning
- E-commerce complexity exceeds what Webflow's native or integration-based commerce can handle
According to Webflow University's CMS documentation, Webflow CMS is designed for content-driven marketing sites, not application data management. That scope definition matters when evaluating fit.
If you are running a WordPress-to-Webflow or Craft-to-Webflow evaluation simultaneously, the decision framework is similar: the question is not which CMS is more powerful in absolute terms, but which CMS makes your team more effective at their actual job.
The teams that have a straightforward path to migration are typically those where the Craft site was built for content publishing, not for application logic. A marketing site for a B2B SaaS product (case studies, blog, landing pages, about, pricing) is almost always a clean Webflow candidate, regardless of how sophisticated the Craft build became over time.
Webflow's Localization and multi-language capabilities also matter here: if the Craft site is serving international markets, Webflow's native localization is now a production-ready alternative to Craft's multi-site and translation plugin configurations.
For teams that want guidance on how to approach this evaluation with their specific content model and migration complexity, the Broworks resources library includes frameworks for scoping Webflow migrations from developer-first platforms.



