How to Migrate from Firebase Studio to Antigravity

1. Introduction

This lab guides you through migrating your existing workspaces to Google Antigravity, a code-first, agentic IDE. Here is a 1-minute video that covers the steps we will follow in this lab.

2. Install the Antigravity IDE

Antigravity is Google's code-first, agentic IDE. This lab uses Antigravity to perform automated project transformations.

  1. Navigate to antigravity.google.
  2. Download the installer for your operating system (macOS, Windows, or Linux).
  3. Run the installer and follow the on-screen instructions.
  4. Open Antigravity to ensure it's working correctly.

3. Install Node.js

Antigravity and the Firebase CLI rely on Node.js. Ensure you have version 20 or higher.

  1. Download the LTS version of Node.js from nodejs.org.
  2. Run the installer and accept the default settings.
  3. Open a terminal and run node --version to confirm the version is 20.x or higher.

4. Install the Firebase CLI

The Firebase CLI lets you deploy your app from the command line.

  1. In your terminal, run the following command to install the CLI globally: 
    npm install -g firebase-tools
  2. If prompted for permissions on macOS or Linux, you may need to run: 
    sudo npm install -g firebase-tools
  3. Verify the installation: 
    firebase --version
    Ensure the version is 15.10.0 or higher.

5. Export your project from Firebase Studio

  1. Open your workspace in Firebase Studio.
  2. Click the Move now button at the top of the workspace.
  3. Follow the on-screen instructions to zip and download their project files
    • Note: If no window appears, check for pop-up blockers in your browser address bar.
  4. Extract the downloaded ZIP folder to a local directory.

6. Initialize your app in Antigravity

  1. Open the extracted folder in Antigravity.
  2. In the Agent pane, select the Gemini Flash model.
  3. Enter the following prompt: 
    @fbs-to-agy-export
  4. Follow the agent's guidance and provide assistance if prompted to complete the project transformation.

7. Preview your app locally

  1. Navigate to the Run and Debug menu in the left sidebar.
  2. Click the Play button to start the local development server.
  3. Follow the instructions in the terminal to view your application.

8. Publish your app

  1. Open the Agent chat panel.
  2. Enter the following prompt: 
    Publish my app
  3. When prompted to run firebase deploy, select Yes.
  4. The agent will either link to your existing App Hosting URL or walk you through a new setup.

9. Conclusion

You have successfully migrated your Firebase Studio project to Antigravity and redeployed it using agentic workflows.