# Plan a website you already have

URL: https://xodia.ai/guides/plan-existing-website
Description: Turn a website you already have into a site plan in one click: sitemap, sections, menu and style from its code, kept in sync as you and your AI change it.
Last updated: 2026-11-08

You don't need to start from a blank brief to plan a site. Xodia reads your existing site and makes the plan from its code: every page, its sections, the menu and the style. Then the plan and the site stay in sync while you add what comes next.

Updated November 3, 2026

[Start free](https://app.xodia.ai/auth/sign-up?ref=guides-plan-existing-website) [Plan with AI](https://xodia.ai/product/plan)

Free plan. No card needed.

Step by step

## How to plan an existing website

Six steps from a site you already have to a plan that stays true to it.

1. 1 Bring your site in Import its repository from GitHub, import it by its address, or open a project you already have. Projects you import or start from a starter get a plan made from their site straight away.
2. 2 Create the plan from your site Open the Plan tab. If the project has no plan yet, choose Create the plan from your site. Xodia lists your pages, the sections on each, the menu and footer, and your colours and fonts, from the code. It is free and needs no AI.
3. 3 Read the sitemap Every page you have shows as Built, under its folder, with its sections in order. Give pages and sections a purpose and notes, so you and your AI know what each one is for.
4. 4 Plan what comes next Add the pages, sections and CMS collections you want next. They stay Planned until they are on the site, and the Pages panel shows planned pages too.
5. 5 Build the new parts With your AI connected, [wireframe](https://xodia.ai/glossary/wireframe) or build each planned page from its menu, or build them by hand on the canvas. Either way the status changes when the page is on the site.
6. 6 Keep editing anywhere Change pages and sections on the canvas, in the Code tab or through your AI. The plan follows, and the sync bar says what changed. Anything removed from the site that still has notes waits for you to keep or remove it.

Sync

## The site is the truth, the plan keeps your intent

Pages, sections, the menu and the theme come from your site. Purposes, notes and pages you haven't built yet stay in the plan. Nothing you wrote is dropped without your say.

- Statuses come from the code: Planned, Wireframed or Built
- Each sync is an unsaved change you can discard
- How sync works: [Plan your site](https://docs.xodia.ai/plan#sync)

Build

## Build only what is new

Pages already on your site stay Built, because status comes from the code, so building sends your AI only the pages that are new.

- Build changed sends only the pages whose plan changed since they were built
- Connect your AI: [Connect an MCP server](https://xodia.ai/guides/connect-mcp-server-website)

Questions

## Questions about planning an existing site

**Does creating the plan change my site?**

It can add a small id to each top-level section in your code, so the plan can follow sections as they move. These show as unsaved changes you review, like any other edit.

**Which plans include it?**

The plan in sync with your site and Create the plan from your site work on Free, Starter, Pro and Agency. Drafting, wireframing and building with your AI need Free, Starter, Pro and Agency. See [pricing](https://xodia.ai/pricing).

**What happens when I delete a page on the site?**

If it had a purpose or notes in the plan, it is marked Removed from site and waits in the sync bar: keep it planned, or remove it from the plan.

**Does the plan know about my blog?**

Yes. Your CMS collections show in the plan with their [collection pages](https://xodia.ai/glossary/collection-page), and the site owns their fields. See [Build a blog with Xodia CMS](https://xodia.ai/guides/build-blog-xodia-cms).

Keep exploring

## Related guides and pages

- [Build a React Router website with AI Plan and build a multi-page React Router site](https://xodia.ai/guides/build-react-router-website-ai)
- [Organise pages in folders, with redirects Nested addresses with links and redirects kept for you](https://xodia.ai/guides/organise-pages-in-folders)
- [Edit an AI-built site exported to GitHub Import the repo an AI tool made and keep editing](https://xodia.ai/guides/edit-ai-built-site-github)
- [Plan with AI Sitemap, wireframes and style](https://xodia.ai/product/plan)
- [Sitemap The planning kind and the search kind](https://xodia.ai/glossary/sitemap)
- [AI-built sites Keep editing a site your AI made](https://xodia.ai/solutions/ai-built-sites)

[See every guide](https://xodia.ai/guides)

## Plan the site you already have.

[Start free](https://app.xodia.ai/auth/sign-up?ref=guides-plan-existing-website-cta) [See pricing](https://xodia.ai/pricing)