Get started with an existing project

Firebase Studio offers a streamlined way to import existing web app projects into a Firebase Studio workspace, letting you continue to work on your existing projects with Firebase Studio's AI-powered assistance and streamlined development, deployment, and monitoring capabilities.

You can import projects from a source repository (GitHub, GitLab, or Bitbucket), from Figma with the Builder.io Figma plugin, or from a local archive file. Firebase Studio supports importing gzipped tar files and zip files under 100 MiB.

You can also duplicate an existing project to create a copy of it.

Get started

Step 1: Import your project

  1. Log into your Google Account and open Firebase Studio.

  2. Click Import a project. The Import project dialog appears.

  3. Click Upload project, and select the gzipped tar or zip file from your file system.

  4. Enter a name for your project.

  5. If you're importing a Flutter project, enable This is a Flutter app. If not, leave the checkbox unchecked.

  6. Click Import.

Step 2: Install dependencies

By default, Firebase Studio doesn't install dependencies when you import a project, so you'll need to do this manually after your first import.

For example, if you import a Flutter app, you should run flutter pub get in the terminal, or npm install for Javascript or TypeScript apps.

You can change this for all future users of your template and for future imports by adding an onCreate hook to your dev.nix file in your project repository. You can configure onCreate to run the build command appropriate for your project (for example, npm install or flutter pub get).

After this is configured, dependencies are installed automatically whenever users import your repository into Firebase Studio.

Next steps