AivahHelp CenterGo to Aivah
Aivah Code2 min read

Preview and refine your app

Try your app in Preview, look through the code, and ask for changes until it's exactly right.

By the end of this guideTest your app like a user and get each change right with clear, specific requests.

Who this guide is for

Anyone improving an Aivah Code project after the first build

On this page
  1. Before you start
  2. Steps
  3. 1. Open Preview
  4. 2. Check it on a phone-sized screen
  5. 3. Inspect Code
  6. 4. Check Environment
  7. 5. Ask for changes
  8. 6. Share or download
  9. Good to know
  10. Troubleshooting
  11. Next steps

Your first build is a starting point. Test it in Preview, then ask for changes in plain words, one clear request at a time.

Before you start

Open your project from Create → Aivah Code → My projects, and keep your original brief handy.

Steps

1. Open Preview

Choose Preview to use your app as a visitor would. Click through the main journey with test data: forms, buttons, screens with no data yet and the final step.

2. Check it on a phone-sized screen

Use Preview size to switch between desktop and phone-sized screens. Check that menus, buttons and text are easy to use.

3. Inspect Code

Choose Code to browse the files and logs Aivah created. You don't need to edit anything. It's there when you want to see how the app is built.

4. Check Environment

Choose Environment to see the project's database and settings. See Environment and publishing.

5. Ask for changes

In the project conversation, say where, what and why. For example: "On the menu page, make the category filters stick to the top when I scroll, so phone users can switch categories quickly."

Use Ask mode to talk an idea through first. Aivah plans each change for your approval before it builds. If a build fails, choose Fix with AI.

6. Share or download

Use Copy temporary preview link to show the current version to a colleague. The link stops working when the preview stops, so publish for a permanent link. Choose Download code as ZIP to keep a copy of the code.

Good to know

Group related changes into one clear request. It gets better results, and uses fewer credits than many small requests.

Troubleshooting

  • The preview doesn't load: choose Restart preview. If it still doesn't load, contact support with the project name and the message you see.
  • Files show Syncing: give them a moment to load before you look again.
  • A change didn't happen: open the page it should affect and check again. Then repeat the request, naming the page and the exact element.
  • Something is cut off on phones: name the page, the screen size and the element in your next request.

Next steps

Set up Environment and publish your app.