Two things save you time and keep your work consistent in FlutterGo.AI.
Cloning gives you a head start. Instead of describing everything from zero, you copy an app someone shared in the Explore gallery and change it with the agent. You can let others clone your apps too.
A design system is a set of visual rules: colors, fonts, spacing, and component styles. FlutterGo uses design systems to give each app a consistent look, and you can browse them in Settings.
What you need#
- A FlutterGo account.
- To clone an app, a free project slot. The Free plan allows 2 projects.
How to do it#
1. Find an app in the Explore gallery#
Open the Explore gallery at fluttergo.ai/explore, or click Explore in the site footer. As the page says: "Open one to see how it was built, then clone it into your own workspace."
Use the filters to browse: All, Trending, Most cloned, New this week, and Editor's picks. Click an app to open its page.
2. Clone it#
On the app's page, click Clone this app. The button shows Cloning…, then a new private project named "{name} (copy)" opens in your workspace. From there, change it with the agent like any other project.
- You need to be signed in. If you're not, FlutterGo asks you to sign up first.
- The copy counts toward your plan's project limit.
- If the button is greyed out, the owner has turned cloning off: "The owner has disabled cloning for this app."
3. Let others clone your app#
- Open your project. In the right panel, open Ship and click Publish.
- In Publish showcase, tick Allow others to clone this app. It is off by default.
- Click Publish, or Save draft to finish later.
Only the project's owner can publish, on every plan. A clone is a separate copy: what others change never affects your project. See Sharing your project.
4. Understand how your app gets its look#
Every new app gets a design direction from the agent: its colors, fonts, shapes, and navigation. The agent follows it on every screen. You can steer it three ways:
- In the quick questions. When the agent asks a few questions before building, Look & feel and Color & brand system show cards with colors and fonts drawn from FlutterGo's design systems. Pick the one you like.
- In your own words. For example: "Use deep green and a rounded font", or "make it feel like a calm meditation app".
- With your brand. Attach your logo, a brand guide, or screenshots of designs you like with + → Attach files, and say what to take from them.
Want a new look later? Ask, for example: "Switch the whole app to a dark theme with warmer colors."
5. Browse the design systems#
- Open Settings from the account menu at the bottom of the sidebar, and choose Design Systems.
- Installed shows how many systems there are. Search by name, or filter by category.
- Click a system to preview it. Showcase shows a sample page in its style, Tokens lists its colors, fonts, and sizes, and DESIGN.md shows its written rules.
Like one? Tell the agent its name, or describe what you like about it.
Troubleshooting#
Problem: Clone this app is greyed out. Possible causes: The owner turned cloning off for that app. Solution: Pick another app, or describe a similar app on Home and let the agent build it.
Problem: Nothing happens when I click Clone this app. Possible causes: You've reached your plan's project limit (the Free plan allows 2 projects). Solution: Delete a project you no longer need, or upgrade on Plans & billing, then try again.
Problem: The app doesn't use my colors. Possible causes: The agent's design direction doesn't match what you had in mind. Solution: Give the exact colors, as names or hex codes such as #1B5E20, and ask the agent to update the app's theme. Attaching your brand guide helps too.
Problem: Adding a design system fails with "Instance admin access required." Possible causes: Only FlutterGo's administrators can add design systems. Solution: Use your brand directly instead: attach your logo or brand guide and tell the agent your colors and fonts.
FAQ#
What happened to templates? FlutterGo no longer has a templates gallery. To start from an existing app, clone one from Explore, or import your own (Importing an existing app).
Is a cloned app mine? Yes. It's a private copy in your account. The original app is not affected, and the copy stays private unless you publish it yourself.
Can I add my own design system? Not from a fluttergo.ai account at the moment. To use your brand, attach your logo or brand guide and tell the agent your colors and fonts.
Do design systems change apps I already built? Not on their own. Ask the agent for the new look, and it updates the app's theme.
What's the difference between cloning and a design system? Cloning copies a whole app: its screens, code, and content. A design system is only a set of visual rules for colors, fonts, and spacing.