Skip to content

Your first version

Your first version is the app the agent builds from your prompt in your app’s first thread. When the agent finishes, FlutterFlow pushes the first version to your app automatically so that you can open, try, and share it right away.

What the agent builds

The agent plans your app’s screens from your prompt. To change how your app looks afterward, see Change the look.

Your first version comes with a backend: a table for each kind of record your app shares or keeps across devices, filled with starter data, and sign-in with an email and password. When people can add pictures to a record, its sample pictures are saved in Backend › Files, along with the ones people add. To change any of this, ask the agent in a thread.

To learn how the backend works, see How the backend works.

To learn how your app gets its name, see App name and launch screen.

First version card

After you send your prompt, a thread named First version opens with a First version card that tracks the agent’s work. This page shows the card as it looks on a computer. While the agent works, the card shows:

  • A title that shows what the agent is doing, and then your app’s name after the agent plans it.
  • Under your app’s name, a line that shows how many screens the agent has made, such as “Making the screens · 2 of 5 made”.
  • Notify me and Stop at the top of the card.
  • A row of eight step bars.

First version steps

The agent works through the first version’s eight steps in order:

  1. Starting the agent’s workspace
  2. Planning the app
  3. Writing the screens
  4. Checking every screen
  5. Landing the app in the project
  6. Building the preview
  7. Saving the first version
  8. Pushing it to your app

To see the step names on the card, point to a step bar. To see the eight steps and which ones are done, click Show the work.

Screen previews

Screen previews appears after the card while the agent builds your screens. It shows each screen in each of its states, along with the number of states and previews. To switch all previews between light and dark, click Light or Dark.

Get notified

To get a browser notification when the first version finishes, click Notify me on the card while the agent works, and keep the app open in the same tab. Reloading the page or leaving for Home or another app cancels the notification.

Stop the first version

To stop the first version, click Stop on the card.

To pick it up again, send a message. See Steer or stop the agent.

Closing the browser tab leaves the first version running. See Steer or stop the agent.

When the first version is ready

When the agent finishes, click Open on your phone on the card, and then scan the QR code with your phone. See Open on a phone.

First version thread

A lightning icon marks the first version’s thread in the thread switcher. Its tooltip reads Initial generation.

Next steps

Troubleshooting