Skip to content

AI website editor

Say what’s next.
Then make it real.

Ask for a new landing page, a booking system, or a different look. AI can edit both the pages visitors see and the code behind them. Check the result in your preview.

An idea is enough to get started.

“Add a workshops section with dates, ticket options, and a page for each event.”

Build the collection, create the pages, and review everything in your preview.

An example of what you can ask
»FieldnotesIllustrative workspace
STUDIO / YOUR NEXT IDEA

From a request
to a real feature.

collections/Workshops.ts
export const Workshops = {
  slug: 'workshops',
  fields: [
    { name: 'title', type: 'text' },
    { name: 'date', type: 'date' },
  ],
}
Real code. Ready to extend.

Make it part of your website

One foundation.
More you can do.

01

Go beyond a text edit

Change layouts, navigation, styling, and site behavior in the same conversation. AI can edit the code behind a feature as well as how it looks.

02

Give your content structure

Ask for custom collections and fields for your business: events, team members, resources, or service listings. Manage those records in Payload.

03

Preview, refine, publish

Review the result, ask for adjustments, and publish when it is ready. Keep your ideas moving without turning every change into a separate development project.

From idea to everyday workflow

Put it to work.

  1. 01

    Describe the outcome

  2. 02

    Review the working preview

  3. 03

    Refine it together

  4. 04

    Publish the changes

AI work uses your account’s work balance. You can set limits and review changes before publishing.

Keep what matters. Build what’s next.

Your next chapter
starts here.

See how your website looks and works on OffPress. The preview is free, and your original stays live until you’re ready to switch.

Starting with a new idea? Build from scratch