# Switch from Webflow, keep the visual editor

URL: https://xodia.ai/switch/webflow
Description: Move your Webflow site to Xodia: rebuild it as React and Tailwind code in your repo, bring your CMS items, edit it visually and go live on Xodia or your host.
Last updated: 2026-11-08

If your Webflow plan renews at the new prices, bring the site to Xodia. It rebuilds your pages as React and Tailwind code in your own git repo, brings your CMS content, and lets you keep editing visually at every breakpoint, without AI credits. Then publish to your own Vercel, Netlify or Cloudflare, where free tiers work.

[Start free](https://app.xodia.ai/auth/sign-up?ref=switch-webflow) [See pricing](https://xodia.ai/pricing)

Free plan. No card needed.

Why people switch

## Keep the editor, change who owns the site

The visual editor is why you picked Webflow. Xodia keeps it, and changes where your site lives and what you pay for.

- ### New prices at renewal

  In 2026 Webflow merged its CMS and Business site plans into Premium, and older workspace plans move to the new prices at renewal. Xodia is one flat price per workspace, for all its sites.

  [See Xodia's prices](https://xodia.ai/pricing)
- ### A site you can take with you

  Webflow's code export is a snapshot you can't bring back, and it leaves the CMS behind. In Xodia the site is React and Tailwind code in your own git repo, its content included.

  [See Git and publishing](https://xodia.ai/product/git-and-publishing)
- ### Edits that never cost a credit

  Every click, style and breakpoint change in Xodia writes the code directly, with no AI in between. When you want AI, connect the one you already use.

  [See the visual editor](https://xodia.ai/product/visual-editor)

Step 1: Import

## Import your site and convert it to React

Paste the address of the Webflow site you own. Xodia copies its pages, then Convert to React rebuilds them as React and Tailwind code, without AI.

- Pages keep their addresses and titles, and each one gets a score for how closely it matches the original
- Collection pages the import finds become Xodia CMS collections, and your collection lists are bound to them, so new items show up on their own
- Interactions come over as code where they can, and a CONVERTED.md file lists what to check
- One import copies up to 4 pages on Free, 10 on Starter, 20 on Pro and 500 on Agency. [See Import a website](https://xodia.ai/start#website)

Step 2: Content

## Bring every CMS item with a CSV

The import picks up the items your site shows. For the rest, and for fields that never appear on a page, export each Webflow collection as CSV and import it in the Content tab.

- Match each column of the file to a field, or skip it
- Update items with the same slug, so a second import fixes the first
- Images given as web addresses are downloaded into your site
- Free includes 2 collections and 100 items a site, and Agency up to 40 collections and 20,000 items a site. [Read about CSV import](https://docs.xodia.ai/content#csv)

Step 3: Edit

## Edit visually, at every breakpoint

Pick an element and change its layout, type, colours and spacing in the Style panel, from Phone to Wide. Each change writes Tailwind classes into your code, with no AI and no credits.

- Six sizes from Phone to Wide, with styles that apply from one size up
- Classes you can share and combine, variables and components
- Double-click any text on the page and type over it
- Connect your own AI over MCP when you want it, on every plan, Free included. [Connect your AI](https://xodia.ai/ai)

Step 4: Publish

## Go live on Xodia or your own host

Go live puts the site on its own xodia.site address in one click. On a paid plan, connect your domain with the hosting add-on, or deploy to your own Vercel, Netlify or Cloudflare account instead.

- Check the new site on its xodia.site address, then point your domain at it when it's ready; your Webflow site stays up until then
- With your domain connected, the xodia.site address becomes a Preview for testing each update first
- Or push to GitHub on every plan, Free included and let your own host deploy each push, with deploys and build logs in Xodia on Starter, Pro and Agency
- Add redirects for any address that changed. Pages you move in Xodia later get their redirects written for you. [Read about redirects](https://docs.xodia.ai/editing/pages#redirects)

Our own site first

## We converted our own studio's site

Zuzo Studio, the studio that makes Xodia, converted its Webflow site, zuzostudio.com, with Import a website and Convert to React. This is how closely the result matched the original.

- 95%+

  ### Every inner page

  Inner pages matched the original 95% to 100%, before any tidy-up.
- 88%

  ### The whole site

  Across every page, the animated home page included, where interactions are rebuilt best-effort.
- No AI

  ### To convert it

  Convert to React rebuilds the pages from the published site. AI is only for tidying up, if you want it.

Match scores from Convert to React, measured on our staging site in November 2026.

Before: Webflow

After: Xodia (React + Tailwind)

The home page of our own studio site, zuzostudio.com, before and after converting it with Xodia. The animated panel on the right cycles through demos, so it differs between captures.

What you pay

## One flat price for every site

Webflow charges per site and per seat. Xodia charges per workspace, and a custom domain on Xodia hosting is a small add-on per site.

- On Webflow

  - A site plan for each site, at whatever price your plan renews at
  - Workspace seats on top for the people who edit
  - Hosting and its limits tied to each site plan
- On Xodia

  - Starter $9, Pro $19 or Agency $49 a month per workspace, for up to 10, 30 or 100 projects
  - Extra seats at $6 a month each
  - Hosting with your custom domain: $6 a month for the first site, then $5 for each more on Starter, or your own host at no cost from Xodia
  - No AI credits: visual edits don't use AI, and your own AI runs on your own plan with it
  - Free: no card, 2 projects, Xodia CMS with 2 collections and 100 items a site, and your own AI

Every plan is billed monthly in US dollars. [Compare every plan and limit](https://xodia.ai/pricing).

Good to know

## What doesn't come over yet

Check these before you switch. If your site depends on one of them, plan for it first.

- Forms

  Webflow forms send through Webflow. Your converted forms look the same but need a form service to send: connect one yourself, or ask your AI to.
- Ecommerce

  Products, carts and checkout from Webflow Ecommerce don't convert. Run the store on a commerce service and link to it from your site.
- Localization

  Translated pages from Webflow Localization don't come over. Add your languages again with [Xodia Languages](https://xodia.ai/product/languages), then translate on the canvas or with your own AI.
- Site memberships

  Member sign-in, gated pages and user accounts don't come over. Xodia sites have no visitor logins.
- Hosting

  Xodia hosting serves your converted pages with HTTPS, your redirects and Xodia Forms. Features that only run on Webflow's own hosting stay with Webflow.
- Interactions

  Interactions are converted as closely as they can be, and may need a tidy-up. Adjust them with Xodia Motion, or ask your AI.

Questions

## Questions about switching from Webflow

**Will my Webflow CMS content come with me?**

Yes. Import a website turns the collection pages your site publishes into Xodia CMS collections and binds your collection lists to them. To bring every item with all its fields, export each collection as CSV in Webflow and use Import CSV in the Content tab. Free includes 2 collections and 100 items a site. See [Xodia CMS](https://xodia.ai/product/cms).

**What happens to my SEO and old links?**

Converted pages keep their addresses and page titles, so most links keep working. Check each page's title and description before you go live. If an address changes, add a redirect at your host: Netlify and Cloudflare read a _redirects file, and Vercel reads vercel.json. Pages you move in Xodia later get their redirects written for you.

**Can I keep my custom domain?**

Yes. On a paid plan, add the hosting add-on to the site, add your domain in Xodia and change its DNS records when the new site is ready, and Xodia sets up HTTPS. Or add it at your own host. Your Webflow site stays live until you change the records.

**What happens to my interactions?**

Convert to React rebuilds page load, scroll, hover and click interactions as code where it can, and CONVERTED.md lists the ones it couldn't. Expect some tidy-up: adjust them on the interactions timeline, or ask your AI. The full timeline is on Starter, Pro and Agency, and Free includes hover presets. See [Interactions](https://xodia.ai/product/interactions).

**How much does hosting cost?**

A xodia.site address comes with every plan, with about 1,000 visits a month on Free and more on paid plans. A custom domain is the hosting add-on, per site: Site, with about 15,000 visits a month, is $6 a month for the first site, then $5 for each more on Starter and Pro, and Busy is $15 a month. Or use your own host, such as Vercel, Netlify or Cloudflare, at no cost from Xodia. See [Xodia hosting](https://xodia.ai/product/hosting).

**Can I try it free?**

Yes, with no card. On Free you can import and convert a site of up to 4 pages, bring 2 collections and 100 items a site, edit it visually, connect your own AI and put it live on its own xodia.site address. Bigger sites need a paid plan: one import copies up to 10 pages on Starter, 20 on Pro and 500 on Agency.

**Do I need to know how to code?**

No. You click, type and pick styles in panels, the way you did in Webflow, and Xodia writes the code. Every change is saved as you make it, nothing goes live until you publish, and you can restore any earlier version.

Keep exploring

## Related pages

- [Xodia CMS Collections in your repo, a page for every item](https://xodia.ai/product/cms)
- [Visual editor Canvas, Style panel, Pages in folders and Variables](https://xodia.ai/product/visual-editor)
- [Start a site Plan with AI, a starter, GitHub or a website](https://xodia.ai/start)
- [Interactions Hover effects, scroll reveals and timelines](https://xodia.ai/product/interactions)
- [Git and publishing Autosave, branches, restore points and deploys](https://xodia.ai/product/git-and-publishing)
- [Switch from Framer Rebuild your Framer site as code you own](https://xodia.ai/switch/framer)
- [Vercel Live address, domains, deploys and build logs](https://xodia.ai/integrations/vercel)
- [Pricing Plans, limits and what Free includes](https://xodia.ai/pricing)

## Bring your Webflow site and keep editing it visually.

[Start free](https://app.xodia.ai/auth/sign-up?ref=switch-webflow-cta) [See pricing](https://xodia.ai/pricing)
