The studio dashboard
The studio dashboard is the first screen you see after signing in. Everything starts here: you name your app, pick the project type, and press Send.
The dashboard has three main areas. In the center is the prompt box, which asks "What Android and iOS app do you want to build?". On the left is a slim navigation rail with your main destinations. In the corners you find the help menu (bottom-left) and the settings gear (top-right).
You don't need to learn many buttons. If you can type a name, you can start a project. Here we walk through every visible control so you always know what you're clicking.
Watch the tour first — every control on the dashboard in half a minute: the prompt box, project type, Ask/Design modes, the navigation rail, your Projects page, the help menu, and Settings.
The dashboard tour: typing a prompt, opening the mode selector, expanding the rail, visiting Projects, and peeking into Help and Settings.
The dashboard at a glance
| Area | Where | What it does |
|---|---|---|
| Prompt box | Center | Type your app name and press Send — this is how every project starts. The full idea comes in a setup form on the next screen. |
| Navigation rail | Left edge | New project, Home, and Projects; expand it with the panel icon top-left. |
| Recent projects | Below the prompt | One-click access to everything you built, with View all. |
| Help & Settings | Bottom-left ? / top-right gear | Docs, support and community links; appearance, plans, account. |
What you need#
- You are signed in (see Creating your account & signing in).
- You have at least 1 credit available (the Free plan includes 10 per month).
How to do it#
1. Get to know the home screen#
The home screen greets you with the big question "What Android and iOS app do you want to build?" and the line "Tell us what you want to build. We handle the Flutter code." Below the heading is the prompt box.
The studio home. ① the prompt box, ② the "Android and iOS app" type button, ③ the "Design" mode selector, ④ the Send (Run) button.
2. Type your app name in the prompt box (①)#
Click the large text field and enter a short app name — for example SpendWise or Fitness tracker. You do not need your full idea here; FlutterGo asks for screens, style, and features in a setup form right after you press Send. Press Enter to run, or Shift+Enter for a new line (the hints under the box say "to run" and "for new line").
Type your app name, then press Enter or click Send. Describe screens and features in the setup form that follows.
3. Check the project type (②)#
The Android and iOS app button below the prompt shows the project type. Its tooltip explains: "Real Dart/Flutter code, scaffold, theme, screens, and live preview." In the FlutterGo build this is the one type available, so you normally do not need to change anything.
The Android & iOS app type button — real Dart/Flutter code, scaffold, theme, screens, and live preview.
4. Pick a mode (③)#
Next to the composer is a mode selector with two options:
- Design, "For creating or changing concrete outputs." Use this to build or change your app.
- Ask, "For quick answers, edits, planning, and discussion." Use this to think out loud, compare options, or get advice without generating files.
For building an app, keep Design selected.
The mode selector open: Ask for questions and planning, Design (selected) for building real outputs.
5. Press the Send button (④)#
Click the round send button (its tooltip says Run) or press Enter. If the button tooltip says "Type something to run," the prompt box is still empty. After you run, FlutterGo.AI creates a project and opens the workspace.
The Send button starts your project.
6. Explore the navigation rail#
Click the panel toggle in the top-left corner (labeled "Expand sidebar") to open the rail. From top to bottom you find:
- FlutterGo logo, click it to return home.
- Collapse sidebar, hides the rail again.
- ➕ New project, starts a fresh project.
- 🏠 Home, the prompt screen you are on.
- 📁 Projects, all your saved projects.
- ? (Help), at the very bottom; opens the help menu.
The navigation rail, top to bottom: logo, New project (+), Home, Projects — with Help (?) at the very bottom.
Clicking Projects opens your full project library, with search, Recent / Your designs tabs, and grid or list view:
The Projects page — every project you own or joined, one click from anywhere.
7. Open the help menu#
Click the ? button at the bottom of the rail (tooltip: "Help"). A small menu opens with these entries:
- Documentation, opens the built-in docs.
- Get help on GitHub, opens a new GitHub issue.
- Submit a feature request, opens GitHub pull requests.
- What's new, opens the latest release notes.
- Download desktop app, opens the releases page.
- Follow @fluttergoai on X and Join Discord, community links.
The help menu in the bottom-left corner — documentation, GitHub support, release notes, desktop app, and community links.
8. Find the settings gear#
In the top-right corner of the home screen is a gear button (tooltip: "Settings"). Click it to open the full Settings dialog, which is covered in Settings & account management.
The settings gear opens the Settings dialog.
9. Come back to your work#
Under the prompt area, the Recent projects strip lists what you built before, with a View all link. If you are new, it reads: "No projects yet, type a prompt to start one." Click any card to reopen that project.
Your recent projects live right under the prompt — click a card to reopen it, or View all for the full library.
Tip: Not sure what to type? The home screen offers "Example prompts" you can click to fill the box, then edit before running.
Important: If you are signed out, the top bar shows Sign in and Create account buttons instead of your session. Sign in before running a prompt, or creation will fail.
Success: You can now start a project, reopen old ones, get help, and reach Settings, all from one screen.
Ask mode vs. Design mode
| Ask | Design | |
|---|---|---|
| Purpose | Answers, planning, discussion | Creating or changing real outputs |
| Creates files? | No | Yes |
| Best for | "Help me decide the best structure…" | "Create a workout tracking app…" |
Troubleshooting#
Problem: The Run button does nothing.
Possible causes: The prompt box is empty.
Solution:
- Hover the button, if the tooltip says "Type something to run," the box is empty.
- Type your app name.
- Press Enter or click Run.
Problem: My prompt failed with "Could not create the project. Sign in and try again."
Possible causes: You are not signed in.
Solution:
- Click Sign in in the top-right corner.
- Enter your email and password.
- Run the prompt again.
Problem: I cannot see the navigation rail.
Possible causes: The rail is collapsed.
Solution:
- Look for the panel icon in the top-left corner ("Expand sidebar").
- Click it once, the rail docks open.
- Use "Collapse sidebar" inside the rail to hide it again.
FAQ#
Do I have to choose a project type? No. "Android and iOS app" is the project type in FlutterGo, and it is already selected.
What is the difference between Enter and Shift+Enter? Enter runs your prompt. Shift+Enter adds a new line if you want a longer app name.
Where do my finished projects live? Click the Projects icon (folder) in the navigation rail, or use View all next to "Recent projects."
Can I change the theme from the dashboard? Theme settings live in Settings, then Appearance (System, Light, or Dark). Click the gear in the top-right corner.
What does the "New project" plus button do? It opens the new-project flow directly, without typing in the home prompt first.
Where do I report a bug? Open the help menu (the "?" at the bottom of the rail) and choose "Get help on GitHub."