Build your first app

This page walks through one real build from start to finish. The prompt, questions, code, and preview in the videos all come from the same session.

Watch the videos first if you like seeing it happen. The written steps below match what you will see.

Part 1: you send the idea, answer a few questions, and watch the app get built.

Part 2: the finished app with onboarding, dashboard, categories, and tabs.

Name your app on the studio home#

The home prompt looks like it wants your whole idea, but on the first Send you only need an app name — a word or short label like SpendWise or Expense tracker. FlutterGo collects the full description in the setup form on the next screen.

To do it yourself, open fluttergo.ai, click Open studio, type your app name, keep Android and iOS app selected, and press Send.

① Skill chip · ② Android & iOS app · ③ Design (optional) · ④ Send. Type your app name here — not the full brief.

Describe your idea in the setup form#

Your full brief matters, but you enter it on the next screen — not in the home prompt box.

Example from the video: "An expense tracker app with a dashboard showing monthly spending, categories with icons, an add-expense screen, and a savings goals page."

That description works because it names the app type, lists the screens, and says what should appear on them. You do not need a spec. Just explain it like you would to a friend.

Tip: Two sentences is plenty for the first try. You can refine anything later.

After you press Send#

Here is what happens, in order.

Send another prompt any time and the cycle runs again on top of what you already have.

FlutterGo opens a project. Your chat appears on the left. This usually takes a few seconds.

You get a short setup form. This is where you describe your idea — screens, design style, navigation, tabs, visuals, animations, currency, and anything else you want to mention. You already gave the app name on the home screen.

The agent reads your brief. In the video it picked up an expense tracker with a dashboard, categories, add-expense flow, and savings goals.

You answer or skip. Pick what you care about and press Continue. Skip, pick for me is fine if you want defaults.

The agent writes a plan. You will see a checklist tick through theme, models, navigation, screens, and routing.

The build runs. Files appear in real time. Open Show code whenever you want to read the Dart.

It cleans up its own mistakes. The agent runs flutter analyze and fixes issues before you see them. A clean run shows Analysis: no issues.

The app is ready. Pages show under APP PAGES. In Part 2, Rebuild compiles SpendWise and it opens in the phone frame.

Run the preview#

Click Run app in the preview rail. The first compile can take a minute or two. After that, Hot reload updates the app in about a second.

Run app starts the preview. Hot reload is for quick tweaks. Build APK makes an installable Android file.

Done. You now have a real Android and iOS app you can run, inspect, export, or push to GitHub.

Keep going#

Treat the first version as a draft. Tell the agent what to change next.

"Make the dashboard chart a bar chart grouped by week."
"Add a dark mode toggle in settings."
"When I add an expense, ask for a category first."

One change per message usually works best. With GitHub connected, each update is saved as a commit.