Your code, your repo, your AI, with a visual editor

Xodia runs your own dev server and writes each visual edit as a small, readable change to your source: no Xodia package, no config file, no export. Your AI connects over MCP with Xodia's tools and skills, and you can work from a folder on your own computer.

Start free See pricing

Free plan. 14-day Pro trial. No charge unless you choose a plan.

Rise BakerymainliveDesignContentCodeHomeSaved1 unsavedSavePublish

...mainsectiondivh1788px316pxEdit

Rise BakeryMenuClassesVisit

Mill Street, since 1987

Bread baked
before sunriseBread baked
before sunrise

Sourdough, pastries and coffee on Mill Street, open every day from 7.

See the menu

Country sourdough

Morning buns

Flat white

<h1> Bread baked before sunrise

What should change about this element?

AutoContentDesignPageFixAsk

Built-inYour AI

h1src/pages/Home.tsx:17:11StyleSettingsAll sizesmd and upPhone and upChanges apply on every screen size.Normal

Layout

Display

BlockFlexGridNoneMore

Flex and grid child

Spacing

Size

Position

Typography

Font

display (theme)

Weight

400700 Bold

Size

60px

Line

1.25

Fluid

FixedFluid

Color

accent

Align

Backgrounds

Borders

Effects

.vcepublicsrccomponentspagesHome.tsxMenu.tsxVisit.tsxindex.cssmain.tsxroutes.tsxAGENTS.mdpackage.json

src/pages/Home.tsxSave

16</p>17<h1 className="font-display text-6xl leading-tight text-accent"><h1 className="font-display text-6xl font-bold leading-tight text-accent">18Bread baked before sunrise19</h1>20<p className="mt-5 max-w-md text-lg opacity-75">

Sound familiar?

Keep your tools, lose the busywork

The trade-offs developers usually face with visual tools and AI, and how Xodia avoids them.

Visual tools want your site on their platform
Xodia edits your repo as it is. Saves are commits with only the lines that changed, and your host deploys them as it does today.
See how it works
Every small tweak costs a prompt
Nudge spacing, swap a colour or fix a line break on the canvas. The Style panel writes Tailwind classes with your theme tokens, or edits your CSS rule.
See the visual editor
Your AI can't see what it built
26 MCP tools let it read your selection, run checks, read logs and take screenshots of the live preview, and 39 skills show it how to work.
See your AI in Xodia
You'd rather work on your own machine
Open the folder on your computer with xodia dev: the preview runs locally, uses no preview hours, and you commit with your own git.
See local folder mode

A typical week

A week with Xodia in your toolbox

Code where code is quicker, click where clicking is quicker, and let your AI do the long parts.

MondayImport a repo from GitHub; Xodia detects the framework, styling, package manager and host.
TuesdayRun /xodia:build in Claude Code for a pricing page, then review it on the canvas.
WednesdayFix the spacing yourself in the Style panel instead of writing another prompt.
ThursdayOpen a pull request from Xodia; your CI runs on it as usual.
FridayOpen the folder on your laptop with xodia dev for a bigger change in your own editor.

Rise BakerymainliveDesignContentCodeSavedSavePublish

Project settings

GeneralPublishingRestore pointsAI agentCode and GitCustom codeEnvironment

Code and Git

Where the code lives, and opening it from a folder on your computer.

Repository

GitHubrisebakery/website

Branchmain

Edits you save are committed to this branch of the repository.

Open on this computer

Using the folder ~/Sites/rise-bakery on your computer.

The preview, saves and file changes happen in that folder with your own git. Xodia's cloud preview isn't used.

Back to the cloud preview

The right plan

Start free, add Starter for more sites

Free includes the full editor, MCP access and the skills for 1 project. Starter adds 3 projects, branches and pull requests, and host connections.

Free
The full editor with your own AI, free.
$0 / month
- 1 project
- 1 seat
- 3 preview hours a month
- 1 preview at once
- 5 SEO tests a month
- MCP access
- 39 core skills
- Local folder mode
- Branches and pull requests: Main only
Start free
Starter
Best fit
CMS editing, branches and host connections.
$15 / month
- 3 projects
- 1 seat, up to 3 at $12 each a month
- 25 preview hours a month
- 1 preview at once
- 50 SEO tests a month
- MCP access
- 39 core skills
- Local folder mode
- Branches and pull requests
- Host connections
- CMS and host packs
Start free

Every plan is billed monthly in US dollars. Compare every plan and limit.

Questions

Questions from developers

Do I need to change my config or add a package?

No. An imported site needs no Xodia package or config file. Xodia runs your own dev server, and each save contains only the lines you changed.

Which AI apps can I use?

Claude Code, Claude app, Cursor, Codex and VS Code and any other app that speaks MCP, on your own subscription. See the setup for each.

Can I keep using my own editor?

Yes. Open the folder on your computer with xodia dev and keep VS Code open beside Xodia: changes from either land in the same files.

What does Xodia commit?

Only what you save, as a commit on the branch you choose, with the lines that changed. Unsaved work is autosaved to a private ref, never to your branch.

Keep exploring

Open your repo in Xodia.

Start free See pricing

Your code, your repo, your AI, with a visual editor

Keep your tools, lose the busywork

Visual tools want your site on their platform

Every small tweak costs a prompt

Your AI can't see what it built

You'd rather work on your own machine