Aivah Code

Describe the app.
Aivah builds it.

Customer portals. Booking pages. Internal tools.

Describe what you need in plain words, and add a screenshot, a PDF or a Figma design. Aivah plans and builds the app, with a database set up for you. Check it on any screen size, put your AI employee inside, then publish it or download the code.

Start free Take a look inside

02 THE STARTING POINT

A little less back and forth.

Create a client portal for a small design studio. Include a project overview, shared files and review notes. Use fictional clients, with clear signed-out, empty and error states.

ProjectsShared filesReview notes

Illustrative preview

Fictional content · A direction to exploreLayout Content States

Your AI employee inside Screenshots, PDFs or Figma Database included Publish to Vercel

From a sentence to a working app

Say what you need.
Watch it take shape.

Open Create → Aivah Code, describe the app and add any examples. Aivah plans it, builds it and sets up the database.

01 / SETUP

Say what you have in mind.

Describe the audience, the main task and the screens the app needs.

02 / SETUP

Show it what you mean.

Attach screenshots or PDFs, or import a Figma frame with its layer images.

03 / SETUP

Press Build now.

Aivah plans the app, builds it and sets up its database while you watch the progress.

Read the getting-started guide

Create · Aivah Codeaivah

Your brief

“A booking page for Fernhill demos, with a calendar and a confirmation email.”

brand-guide.pdf Figma frame

Plan ready
4 pages built
Bookings table created

PreviewCodeEnvironment

Book a Fernhill demoPick a day

Pick a time

10:0010:3011:0014:00

Confirm 10:30

MySQL database ready Publish to Vercel GitHub · Download

Illustrative workspace data · Fernhill is a fictional company

Already started something? Find it in My projects. See what is running now in Running sandboxes.

Give the idea some shape

A better brief.
A better starting point.

Try a few details here. Copy your brief, then take it into Aivah Code and make it your own.

01 / YOUR IDEA

Choose a starting direction

WebsiteWeb appTeam tool

What are you building?

Who is it for?

What should it do?

Name the main task, the screens it needs and a useful result.

Start with our fictional café, or make the brief your own.

02 / YOUR STARTING BRIEF 3/3 details added

Project briefPLAIN TEXT

Project: A customer onboarding portal
Format: A responsive web application

Who it is for: Customer success teams and new business customers

Main workflow:
Show onboarding milestones, shared setup documents and a list of questions for the customer success team. Use fictional accounts and documents. Include empty and error states; review authentication and permissions before using real customer data.

Requirements:
- Make the layout work on phones, tablets and desktop screens.
- Use clear navigation, readable text and accessible labels for any form fields.
- Use fictional example data for the first version.
- Include helpful empty, error and completion states where needed.

Review: Check the main workflow on desktop and a narrow screen against this brief.

Copy this brief, then paste it into a new project in Aivah Code.

Open Aivah Code (opens in a new tab)

Stay close to what you are making

See it. Open it.
Make the next change.

Switch between the app itself, its files and its settings. Each view answers a different question about your app.

Preview 01

Get a feel
for the experience.

Open the app and try the journey you described, on desktop, tablet and phone sizes. Spot what to change next.

Explore Preview

YOUR NEXT IDEA

A little space to exploreSomething
worth making.

Start with a useful idea.
Give it a shape of its own.

The first step

YOUR IDEAMade for
this screen,
too.

Illustrative layout

Code 02

A closer look
under the surface.

Browse every file and the logs. Ask for a change in plain words, and see it in Preview moments later.

Get to know the file view

page.tsxIllustrative code

“On the home page, make the next step easier to find on mobile.”

Environment 03

The details
behind the experience.

Every new project gets its own database, set up for you. Add any settings the app needs, then publish it with your Vercel account.

Explore Environment

Your project

MySQL databaseSet up automatically

Custom variablesAdd what the app needs

Publish to VercelYour account, one step

Illustrative configuration map

From idea to live app

Four steps
to a live app.

Describe it, let Aivah build it, refine what you see, and publish when it’s ready.

STEP 01

Describe

Say who it’s for, what they need to do and the screens it needs.

Your words

STEP 02

Build

Aivah plans and builds the first version, database included.

A working app

STEP 03

Refine

Try it in Preview on desktop and phone sizes. Ask for the next change, and add your AI employee to the site.

Quick changes

STEP 04

Publish

Put it live with your own Vercel account in one step, and take it down any time.

Live on the web

Part of your Aivah workspace

The next idea
is close by.

Find Aivah Code in Create, next to Content studio and Live podcast. Pick the one that fits what you want to make next.

Aivah Code Content studio Live podcast

Explore the AI Workspace

Create / OverviewThe Aivah app today

A few useful answers

Before the
first build.

Visit the Aivah Code guides

Do I need a finished specification to start?

No. Say who the app is for, what they need to do and the screens it needs. A short, focused brief gets you a first version to react to, and the brief builder on this page can help.

Can I bring screenshots or a Figma design?

Yes. Attach screenshots or PDFs, or connect Figma and paste a frame link. Aivah imports the frame and its layer images for the build.

Does it come with a database?

Yes. Every new project gets its own database (MySQL), set up for you. You find its details, and any settings you add, under Environment.

Can my AI employee live inside the app?

Yes. Choose Add an AI employee… in your project and pick one of your web experiences. Aivah Code adds it in the next build, so visitors can talk to your AI employee right on the page.

Where can I publish it?

Publish puts the app live with your own Vercel account, once you’ve connected it. You can also connect GitHub or download the project code as a zip file.

Where can I find an existing project?

Open Create → Aivah Code and choose My projects. Running sandboxes shows the projects that are running right now.

How do I use the brief I write on this page?

Choose Copy brief, open Aivah Code and paste it into the project brief. Add any references, pick your model and press Build now.

You have an idea. Start there.

From a short brief
to a live app.

A short brief. A working app. A database included.

Start free Already a customer? Open Aivah Code

Describe the app.
Aivah builds it.

A place to find your people.

Good days
start slowly.

A little less back and forth.

Your project,
in one place.

Make the next step easier to see.

A little more clarity.

Say what you need.
Watch it take shape.

Say what you have in mind.

Show it what you mean.

Press Build now.

A better brief.
A better starting point.

See it. Open it.
Make the next change.

Get a feel
for the experience.

A closer look
under the surface.

The details
behind the experience.

Four steps
to a live app.

Describe

Build

Refine

Publish

The next idea
is close by.

Before the
first build.

From a short brief
to a live app.

Describe the app. Aivah builds it.↗

A place to find your people.

A little less back and forth.

Make the next step easier to see.

Say what you need. Watch it take shape.

Say what you have in mind.

Show it what you mean.

Press Build now.

A better brief. A better starting point.

See it. Open it. Make the next change.

Get a feel for the experience.

A closer look under the surface.

The details behind the experience.

Four steps to a live app.

Describe

Build

Refine

Publish

The next idea is close by.

Before the first build.

From a short brief to a live app.

Describe the app.
Aivah builds it.

Say what you need.
Watch it take shape.

A better brief.
A better starting point.

See it. Open it.
Make the next change.

Get a feel
for the experience.

A closer look
under the surface.

The details
behind the experience.

Four steps
to a live app.

The next idea
is close by.

Before the
first build.

From a short brief
to a live app.