Mistflowdocs
Start here

Quickstart

Go from an idea to an app running on your phone, using only a browser.

This is the fastest path from an idea to something you can hold in your hand. It works entirely in a browser, including a phone browser.

Before you start

  • A browser
  • Expo Go, free, to open the preview on your phone
  • A Mistflow account, created when you press Make it real

You do not need a developer account, a code editor, or a terminal.

Describe the app

Open mistflow.ai/create, leave the surface set to Phone app, and describe what you want in plain language:

A habit tracker called Stride. People log daily habits and see their
current streak. There is a weekly view showing which days they hit.

In about a minute you get a set of real screens, not a wireframe. Screen one is built around the main thing your app is for.

Shape it

Change anything that is wrong before it gets built:

  • Type what you want changed, for example "make the streak the biggest thing on the home screen"
  • Tap the alternatives Mistflow offers for a screen to swap its layout instantly
  • Add or remove screens
  • Open the owner console if your app has someone running it

Read Shaping the prototype for what each control does.

Make it real

Press Make it real and sign in. Mistflow asks a small number of questions a picture cannot answer, such as whether people need accounts and what has to be true about the data. It does not re-ask anything the prototype already settled.

Then the build runs. It takes a while and it runs on our servers, so you can close the tab. Progress shows in the build chat.

Open it on your phone

When the build finishes, open the project in the dashboard and go to the App tab.

  1. Install Expo Go on your phone if you do not have it
  2. Press Start preview
  3. On the same phone, tap Open preview. From a computer, scan the QR code with your phone

The app opens on your device, with your data and your sign-in.

Change it

Go back to the build chat and say what you want different:

Add a notes field to each habit, and show the note on the detail screen.

For phone apps you get Keep or Discard once the change is ready, so you can back out of an edit without touching version control. See Changing a live app.

Then what?

On this page