Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 0 additions & 54 deletions .agents/skills/stage-site/SKILL.md

This file was deleted.

14 changes: 2 additions & 12 deletions src/content/ai/ai-toolkit/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,20 +46,10 @@ Here's what the demo example looks like hosting the AI Toolkit:

The [source code for this demo][src-code] is available in the repo on GitHub.

Or, you can open it in [Firebase Studio][], Google's full-stack AI workspace and
IDE that runs in the cloud:

<a
href="https://studio.firebase.google.com/new?template=https%3A%2F%2Fgithub.com%2Fflutter%2Fai">
<picture> <source media="(prefers-color-scheme: dark)"
srcset="https://cdn.firebasestudio.dev/btn/try_light_32.svg"> <source
media="(prefers-color-scheme: light)"
srcset="https://cdn.firebasestudio.dev/btn/try_dark_32.svg"> <img
height="32" alt="Try in Firebase Studio"
src="https://cdn.firebasestudio.dev/btn/try_blue_32.svg"> </picture> </a>
Or, you can open it in [Antigravity][], Google's full-stack AI workspace and IDE.

[src-code]: {{site.github}}/flutter/ai/blob/main/example/lib/demo/demo.dart
[Firebase Studio]: https://firebase.studio/
[Antigravity]: https://antigravity.google/
Comment on lines +49 to +52
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think you should remove this mention. The original mention was because it was one click, opening in the browser.

Suggested change
Or, you can open it in [Antigravity][], Google's full-stack AI workspace and IDE.
[src-code]: {{site.github}}/flutter/ai/blob/main/example/lib/demo/demo.dart
[Firebase Studio]: https://firebase.studio/
[Antigravity]: https://antigravity.google/
[src-code]: {{site.github}}/flutter/ai/blob/main/example/lib/demo/demo.dart


## Get started

Expand Down
40 changes: 1 addition & 39 deletions src/content/ai/mcp-server.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ an MCP client should also support [Roots][].

If you are using a client that claims it
supports roots but doesn't actually set them,
pass `--force-roots-fallback` to enable tools for managing the roots.
pass `--force-roots-fallback` flag to enable tools for managing the roots.

The Dart and Flutter MCP server provides a growing list of tools that
grant AI assistants deep insights into your project.
Expand Down Expand Up @@ -169,44 +169,6 @@ documentation for [setting up MCP servers][].
[Gemini CLI]: https://geminicli.com/
[setting up MCP servers]: https://geminicli.com/docs/tools/mcp-server/#how-to-set-up-your-mcp-server

### Firebase Studio

If you wish to use the Dart and Flutter MCP Server in [Firebase Studio][],
an agentic cloud-based development environment that helps
you build and ship production-quality full-stack AI apps,
follow these steps:

1. In your Firebase Studio app project, create a
`.idx/mcp.json` file in your project if it
doesn't exist already and add the following
Dart and Flutter MCP Server configuration to the file:

```json title=".idx/mcp.json"
{
"mcpServers": {
"dart": {
"command": "dart",
"args": [
"mcp-server"
]
}
}
}
```

1. Ensure your environment is running Dart SDK 3.9/Flutter 3.35 or later.
1. Rebuild your workspace to complete the setup.
* Open the Command Palette (**Shift+Ctrl+P**).
* Enter **Firebase Studio: Rebuild Environment**.

For more information about MCP server configuration in Firebase Studio,
check out [Connect to MCP servers][fs-mcp] and
[Customize your Firebase Studio workspace][].

[Firebase Studio]: https://firebase.studio/
[fs-mcp]: https://firebase.google.com/docs/studio/mcp-servers
[Customize your Firebase Studio workspace]: https://firebase.google.com/docs/studio/customize-workspace

### Gemini Code Assist in VS Code

[Gemini Code Assist][]'s [Agent mode][] integrates the
Expand Down
13 changes: 8 additions & 5 deletions src/content/install/custom.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,8 @@ Choose one of the following installation methods:

For the best development experience with Flutter,
install an IDE or editor with support for Dart and Flutter.
Some popular options include VS Code, Android Studio,
Firebase Studio, and other Code OSS-based editors.
Some popular options include VS Code, Antigravity,
Android Studio, and other Code OSS-based editors.

<div class="card-grid wide">
<a class="card outlined-card" href="/tools/vs-code#setup" target="_blank">
Expand All @@ -76,14 +76,17 @@ Firebase Studio, and other Code OSS-based editors.
<p>Set up Flutter support in an IntelliJ-based IDE.</p>
</div>
</a>
<a class="card outlined-card" href="https://studio.firebase.google.com/new/flutter" target="_blank">

{% comment %}
<a class="card outlined-card" href="xxx" target="_blank">
<div class="card-header">
<span class="card-title">Firebase Studio</span>
<span class="card-title">Antigravity</span>
</div>
<div class="card-content">
<p>Create a new Flutter workspace in Firebase Studio.</p>
<p>xxx</p>
</div>
</a>
{% endcomment -%}
Comment on lines +79 to +89
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can delete this card. It's covered by the VS Code one. But you can update the VS Code card's description to cover other Code OSS-based editors (like Antigravity).

Suggested change
{% comment %}
<a class="card outlined-card" href="xxx" target="_blank">
<div class="card-header">
<span class="card-title">Firebase Studio</span>
<span class="card-title">Antigravity</span>
</div>
<div class="card-content">
<p>Create a new Flutter workspace in Firebase Studio.</p>
<p>xxx</p>
</div>
</a>
{% endcomment -%}

</div>

## Set up a target platform {: #target-platform}
Expand Down
9 changes: 5 additions & 4 deletions src/content/install/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,15 +53,15 @@ You can quickly try Flutter online without any local setup.
<p>Quickly build and run simple single-file Flutter apps on the web.</p>
</div>
</a>
<a class="card outlined-card" href="https://firebase.studio" target="_blank">
<a class="card outlined-card" href="https://antigravity.google/" target="_blank">
<div class="card-header">
<span class="card-title">
<span>Firebase Studio</span>
<span>Antigravity</span>
<Icon id="open_in_new" size="1rem" />
</span>
</div>
<div class="card-content">
<p>Develop complex Flutter apps in an AI-assisted workspace in the cloud.</p>
<p>Build apps using Google's AI-assisted IDE.</p>
</div>
</a>
Comment on lines +56 to 66
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These cards about trying Flutter in the browser without installing, so Antigravity doesn't fit here.

Suggested change
<a class="card outlined-card" href="https://antigravity.google/" target="_blank">
<div class="card-header">
<span class="card-title">
<span>Firebase Studio</span>
<span>Antigravity</span>
<Icon id="open_in_new" size="1rem" />
</span>
</div>
<div class="card-content">
<p>Develop complex Flutter apps in an AI-assisted workspace in the cloud.</p>
<p>Build apps using Google's AI-assisted IDE.</p>
</div>
</a>

</div>
Expand Down Expand Up @@ -121,4 +121,5 @@ Guides to help you resolve common issues with your Flutter development environme
<p>Uninstall Flutter from your system.</p>
</div>
</a>
</div>
</div>

91 changes: 46 additions & 45 deletions src/content/reference/create-new-app.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,12 +38,12 @@ choose your preferred environment and follow the corresponding instructions.
<p>Create a new Flutter app without leaving your IntelliJ-based IDE.</p>
</div>
</a>
<a class="card outlined-card" href="#firebase-studio">
<a class="card outlined-card" href="#antigravity">
<div class="card-header">
<span class="card-title">Firebase Studio</span>
<span class="card-title">Antigravity</span>
</div>
<div class="card-content">
<p>For quick and easy setup, create a new Flutter app in Firebase Studio.</p>
<p>For quick and easy setup, create a new Flutter app in Antigravity.</p>
</div>
</a>
<a class="card outlined-card" href="#terminal">
Expand Down Expand Up @@ -300,61 +300,62 @@ check out the [IntelliJ for Flutter reference][ij-more].

<a id="project-idx" aria-hidden="true"></a>

## Firebase Studio
## Antigravity

To create a Flutter app with [Firebase Studio][fbs],
you first need a Google account and to [set up Firebase Studio][fbs-setup].
Then follow these steps:
To create a Flutter app with [Antigravity][ag],
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This page is a reference for how to create a new Flutter app. The entries should be short and focused, plus the VS Code entry should already cover Antigravity.

The following documentation you wrote is good, but seems to be about setting Antigravity up for Flutter development. Perhaps would be good for a separate page? Maybe at /tools/antigravity.md.

Edit: Seems you already added that page :). Can you move these details there?

you first need a Google account and to [download it][ag-install].

1. <h3>Launch Firebase Studio</h3>
To set it up, do the following:

In your preferred browser, navigate to the [Firebase Studio dashboard][]
found at `studio.firebase.google.com/`.
If you haven't yet, you might need to log in to your Google account.
1. <h3>Launch Antigravity</h3>

1. <h3>Create a new workspace</h3>
After opening Antigravity the first time,
the **How do you want to use Antigravity** screen
provides a list of radio buttons as well as some pulldown menus
that you can use to customize your use of the tool

In the Firebase Studio dashboard, find the **Start coding an app** section.
It should include a variety of templates to choose from.
Select the **Flutter** template.
If you can't find it, it might be under a **Mobile** category.
We recommend that you select **Review-driven development**,
which allows you to review and controll any commands that
Antigravity wants to run. Note that you can changed this
setting at any time to give Antigravity more control or less.
Even if you give Antigravity control to run commands,
you can specify certain commands that will always ask
for your review, such a `rm`.

1. <h3>Name your workspace</h3>
1. <h3>Install the Dart and Flutter extensions</h3>

Firebase Studio should prompt you to **Name your workspace**.
This name is distinct from the name of your Flutter app.
Choose a descriptive name that you'll recognize
in a list of your workspaces.
Open the **Extensions** menu in the left nav and search for Dart.
The search results bring up both Dart and Flutter extensions.
Click the **install** button for Dart and then do the same
for Flutter.

1. <h3>Provision your new workspace</h3>
1. <h3>Set up any MCP servers that you use</h3>

Once you've chosen a name and configured your workspace,
click **Create** to provision your new workspace.
Click the 3-dot hamburger menu in the upper right of
the xxx screen. Select **Manage MCP Servers** from
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

The placeholder xxx should be replaced with the actual name of the screen or relevant information to provide complete instructions.

Suggested change
the xxx screen. Select **Manage MCP Servers** from
the [appropriate] screen.

Copy link
Contributor Author

@sfshaza2 sfshaza2 Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I am unsure of the name, hence asking for a reviw.

Copy link
Member

@parlough parlough Mar 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The steps from https://docs.flutter.dev/ai/mcp-server#antigravity have these details on how to do this and the names if you want to use it as a reference. Trying them out, the instructions still seem accurate:

  1. Navigate to or open the Agent side panel.

    If it's closed, open it by either:

    • Pressing Cmd/Ctrl + L.
    • Going to View > Open View... > Agent.
  2. In the upper right of the Agent panel,
    click the Additional options (...) menu button.

  3. Select MCP Servers.

  4. In the upper right of the Agent panel,
    click Manage MCP Servers.

the pulldown menu.

The **MCP Store** screen displays and you can search for Dart,
which is likely already in the display list.
Click **install**.

1. <h3>Wait for workspace initialization</h3>
After installing any servers that you want,
view them by clicking the **Manage MCP Servers** button
(not the same as the pulldown menu),
and click **View raw config** to access your JSON manifest.

Firebase Studio will now initialize your workspace,
bootstrap your project file structure,
and retrieve your app's dependencies.
This might take a while.

1. <h3>Run your app</h3>

Your new app should now be created and opened in the Firebase Studio editor.
To try your new app, follow the docs provided by Firebase Studio to
[preview your app][fbs-preview] on the web or on Android.

{:.steps}
1. Watch the following [Flutter + Antigravity] 10-minute video
for these tips and also to learn how to take advantage
of Antigravity's other benefits.

You've successfully created a new Flutter app in Firebase Studio!
If you need help configuring your workspace,
check out [Customize your Firebase studio workspace][fbs-customize].
<YouTubeEmbed id="YY2w2JEX2xk"
title="Flutter + Antigravity in 10 minutes"></YouTubeEmbed>

[fbs]: https://firebase.studio
[Firebase Studio dashboard]: https://studio.firebase.google.com/
[fbs-setup]: https://firebase.google.com/docs/studio/get-started
[fbs-preview]: https://firebase.google.com/docs/studio/preview-apps
[fbs-customize]: https://firebase.google.com/docs/studio/customize-workspace
[ag]: https://antigravity.google/
[ag-codelab]: {{site.codelabs}}/getting-started-google-antigravity#0
[ag-install]: https://antigravity.google/download
[ag-video]: https://www.youtube.com/watch?v=YY2w2JEX2xk&t=1s
[sunsetFS]: https://firebase.blog/posts/2026/03/announcing-ai-studio-integration

## Terminal

Expand Down
10 changes: 1 addition & 9 deletions src/content/resources/faq.md
Original file line number Diff line number Diff line change
Expand Up @@ -157,20 +157,12 @@ Flutter includes:
### Does Flutter work with any editors or IDEs?

We provide plugins for [VS Code][],
[Antigravity][] (an AI-assisted IDE),
[Android Studio][], and [IntelliJ IDEA][].
See [editor configuration][] for setup details,
and [VS Code][] and [Android Studio/IntelliJ][]
for tips on how to use the plugins.

[Firebase Studio][], currently in preview,
is an AI-assisted workspace for full-stack,
multiplatform app development in the cloud.
Firebase Studio supports Dart and Flutter. For more information,
check out [Get started with Firebase Studio][].

[Firebase Studio]: https://firebase.studio/
[Get started with Firebase Studio]: https://firebase.google.com/docs/studio/get-started

Alternatively, you can use the `flutter` command
from a terminal, along with one
of the many editors that support [editing Dart][].
Expand Down
29 changes: 29 additions & 0 deletions src/content/tools/antigravity.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
---
title: Antigravity
shortTitle: Antigravity
Comment on lines +2 to +3
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: Antigravity
shortTitle: Antigravity
title: Google Antigravity
shortTitle: Antigravity

description: Learn about the Antigravity agentic coding assistant.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
description: Learn about the Antigravity agentic coding assistant.
description: Learn about the Antigravity agentic development platform.

---

## Introduction

[Antigravity][ag] is a powerful agentic AI coding assistant and IDE
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
[Antigravity][ag] is a powerful agentic AI coding assistant and IDE
[Antigravity][ag] is a powerful agentic development platform and IDE

for building apps, including Flutter apps.
You can pair with Antigravity to solve your
coding tasks, create new codebases, modify existing ones,
and answer questions.

:::note
[Antigravity replaces Firebase Studio][ag-announce].
:::

If you aren't familiar with Google's Antigravity, check out the
[Flutter + Antigravity in 10 minutes][ag-video] video:

<YouTubeEmbed id="YY2w2JEX2xk"
title="Flutter + Antigravity in 10 minutes"></YouTubeEmbed>


[ag]: https://antigravity.google/
[ag-announce]: https://firebase.google.com/docs/studio/migrating-project
[ag-codelab]: {{site.codelabs}}/getting-started-google-antigravity#0
[ag-video]: {{site.youtube-site}}/watch?v=YY2w2JEX2xk&t=1s
6 changes: 3 additions & 3 deletions src/content/tools/editors.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,15 +60,15 @@ with one of the following editors.
<p>Quickly build and run simple single-file Flutter apps on the web.</p>
</div>
</a>
<a class="card outlined-card" href="https://firebase.studio" target="_blank">
<a class="card outlined-card" href="https://antigravity.google/" target="_blank">
<div class="card-header">
<span class="card-title">
<span>Firebase Studio</span>
<span>Antigravity</span>
<Icon id="open_in_new" size="1rem" />
</span>
</div>
<div class="card-content">
<p>Develop complex Flutter apps in an AI-assisted workspace in the cloud.</p>
<p>Develop complex Flutter apps in an AI-assisted IDE.</p>
</div>
</a>
Comment on lines +63 to 73
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These cards about trying Flutter in the browser without installing, so Antigravity doesn't fit here.

Suggested change
<a class="card outlined-card" href="https://antigravity.google/" target="_blank">
<div class="card-header">
<span class="card-title">
<span>Firebase Studio</span>
<span>Antigravity</span>
<Icon id="open_in_new" size="1rem" />
</span>
</div>
<div class="card-content">
<p>Develop complex Flutter apps in an AI-assisted workspace in the cloud.</p>
<p>Develop complex Flutter apps in an AI-assisted IDE.</p>
</div>
</a>

</div>
Expand Down
2 changes: 2 additions & 0 deletions src/data/sidenav/default.yml
Original file line number Diff line number Diff line change
Expand Up @@ -690,6 +690,8 @@
permalink: /tools/android-studio
- title: Visual Studio Code
permalink: /tools/vs-code
- title: Antigravity
permalink: /tools/antigravity
- title: DevTools
permalink: /tools/devtools
children:
Expand Down
Loading