Plan a website you already have, from its code

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
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
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
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
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
Build the new parts
With your AI connected, 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
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

Publish

Rise Bakery

5 pages: 5 built

SitemapWireframeStyle

WireframeBuildSave plan

3 changes from your site, 1 to reviewReviewUpdate plan

HomeBuilt/Navigation5 links, button OrderHeroSplitSay what the bakery bakes, with the order button.AboutText and imageThe family story since 1987, in a few warm lines.MenuTwo columnsThis week's breads and pastries, with prices.Footer3 columns, 1 legalMenuBuilt/menuNavigation5 links, button OrderPage headerWith imageName the page and show the morning bake.MenuTwo columnsBreads, pastries and drinks, each with a price.Footer3 columns, 1 legalClasses/classes/2 pagesBread basicsBuilt/classes/bread-basicsNavigation5 links, button OrderPage headerSimple titleSay what the three hour class teaches.ScheduleUpcoming sessionsThe next Saturday classes with a booking button.Footer3 columns, 1 legalPastry weekendBuilt/classes/pastry-weekendNavigation5 links, button OrderPage headerSimple titleTwo days of laminated dough.FAQAccordionWhat to bring and what you take home.Footer3 columns, 1 legalJournal itemBuilt/journal/:slugCollection page of JournalNavigation5 links, button OrderPage headerWith imageThe post's title, date and cover.Rich textWith contents listThe post itself.Footer3 columns, 1 legalCollections2JournalOn site6 items//journalNews, recipes and class dates from the bakery.Page /journal/:slugBakersOn site4 items//bakersThe people behind the bread.Page /bakers/:slug

80%

Rise Bakery

5 pages: 5 built

SitemapWireframeStyle

WireframeBuildSave plan

3 changes from your site, 1 to reviewReviewUpdate plan

HomeBuilt/Navigation5 links, button OrderHeroSplitSay what the bakery bakes, with the order button.AboutText and imageThe family story since 1987, in a few warm lines.MenuTwo columnsThis week's breads and pastries, with prices.Footer3 columns, 1 legalMenuBuilt/menuNavigation5 links, button OrderPage headerWith imageName the page and show the morning bake.MenuTwo columnsBreads, pastries and drinks, each with a price.Footer3 columns, 1 legalClasses/classes/2 pagesBread basicsBuilt/classes/bread-basicsNavigation5 links, button OrderPage headerSimple titleSay what the three hour class teaches.ScheduleUpcoming sessionsThe next Saturday classes with a booking button.Footer3 columns, 1 legalPastry weekendBuilt/classes/pastry-weekendNavigation5 links, button OrderPage headerSimple titleTwo days of laminated dough.FAQAccordionWhat to bring and what you take home.Footer3 columns, 1 legalJournal itemBuilt/journal/:slugCollection page of JournalNavigation5 links, button OrderPage headerWith imageThe post's title, date and cover.Rich textWith contents listThe post itself.Footer3 columns, 1 legalCollections2JournalOn site6 items//journalNews, recipes and class dates from the bakery.Page /journal/:slugBakersOn site4 items//bakersThe people behind the bread.Page /bakers/:slug

60%

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

Publish

Rise Bakery

6 pages (5 content, 1 utility): 1 built, 2 wireframed, 3 planned

SitemapWireframeStyle

Wireframe 5 pagesBuild 5 pagesSave plan

In sync with your site

HomeBuilt/Navigation5 links, button OrderHeroSplitSay what the bakery bakes, with the order button.AboutText and imageThe family story since 1987, in a few warm lines.MenuTwo columnsThis week's breads and pastries, with prices.MapMap and detailsOpening hours, the address and how to find us.Footer3 columns, 1 legalMenuWireframed/menuNavigation5 links, button OrderPage headerWith imageName the page and show the morning bake.MenuTwo columnsBreads, pastries and drinks, each with a price.Call to actionBannerSend visitors to order for pick-up.Footer3 columns, 1 legalClassesWireframed/classesNavigation5 links, button OrderPage headerSimple titleSay what the baking classes teach.ScheduleUpcoming sessionsThe next Saturday classes with a booking button.FAQAccordionWhat to bring, how long it takes and the price.Footer3 columns, 1 legalAboutPlanned/aboutNavigation5 links, button OrderPage headerWith imageIntroduce the family behind the bakery.TeamGridPut faces to the bakers and the shop team.Call to actionBannerInvite readers to visit the shop.Footer3 columns, 1 legalVisitPlanned/visitNavigation5 links, button OrderMapMap and detailsThe address, parking and opening hours.ContactForm and detailsAsk about large orders and cakes.Footer3 columns, 1 legalPrivacy policyPlanned/privacyNot in menuNavigation5 links, button OrderPage headerSimple titleName the page.Rich textWith contents listThe privacy policy.Footer3 columns, 1 legal

80%

Build all pages

Your AI designs and writes each page from its plan entry, one request per page. Pages move to Built as it finishes them.

Pages already built

Skip themRebuild changedRebuild all

5 pages to build

Menu/menu
Classes/classes
About/about
Visit/visit
Privacy policy/privacy

Skipped:

Home /, already built

OptionsSoft motion, draft copy, matching SVGs, Lucide iconsChange

Your own AI does the work, so it uses no Xodia credits.

Runs on: Your connected AI app

CancelBuild 5 pages

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.

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, and the site owns their fields. See Build a blog with Xodia CMS.

Plan a website you already have

How to plan an existing website

Bring your site in

Create the plan from your site

Read the sitemap

Plan what comes next

Build the new parts

Keep editing anywhere

The site is the truth, the plan keeps your intent

Build only what is new

Questions about planning an existing site

Does creating the plan change my site?

Which plans include it?

What happens when I delete a page on the site?

Does the plan know about my blog?

Related guides and pages

Plan the site you already have.