Stay organized with collections
Save and categorize content based on your preferences.
Firebase Studio
Rapidly prototype, build, and ship full-stack AI-infused
apps quickly and efficiently, right from your browser.
Firebase Studio is an agentic cloud-based development environment
that helps you build and ship production-quality full-stack AI
apps, including APIs, backends, frontends, mobile, and more.
Firebase Studio unifies
Project IDX with specialized
AI agents and assistance from Gemini in Firebase
to provide a collaborative workspace accessible from anywhere,
containing everything you need to develop an application.
You can import your existing projects or start something new
with templates supporting a variety of languages and frameworks.
Quick project setup with built-in templates and samples
Firebase Studio provides
extensive framework and
language support with a large library of
templates and sample apps, including popular languages like
Go, Java, .NET, Node.js, and Python Flask, and frameworks like Next.js,
React, Angular, Vue.js, Android, Flutter, and more.
Start with a template or sample app from the template
gallery and/or create your own custom template to
share.
Rapid natural language prototyping
Use Gemini in Firebase to prototype and
publish full-stack web applications with the App Prototyping agent.
Generate entire apps with multimodal prompts, including natural
language, images, drawings. Enhance your app using a gallery of
stock images from Unsplash.
Always-available AI assistance from Gemini in Firebase
Use AI coding assistance from Gemini in Firebase
across all development surfaces: interactive chat, code generation,
tool running, and inline code suggestions.
Gemini in Firebase can
help you write code and documentation, fix bugs, write and run unit
tests, manage and resolve dependencies, work with Docker containers,
and more.
Familiar and highly customizable development environment
Firebase Studio is built on the popular Code OSS
project and runs a full
virtual
machine (VM) powered by Google Cloud.
You can customize almost every aspect of your online development
environment with Nix,
including system packages, language tooling, IDE configurations,
app previews, and IDE configuration—and share the project and
its entire development environment configuration with a
custom template.
Built-in tools, emulators, and deployment methods
with deep Firebase and Google Cloud integration
Firebase Studio seamlessly integrates with
Firebase and
Google Cloud services. For example, you could use the
Firebase Local Emulator Suite directly
from Firebase Studio to thoroughly test Firebase and
Google Cloud services like Firebase Authentication, Cloud Functions,
Cloud Firestore, Cloud Storage, Firebase App Hosting, and
Firebase Hosting before you
publish your app.
How does it work?
Firebase Studio supports multiple modes to cater to different development
styles:
Coding with full control: Work directly in a Code OSS-based IDE where
you can import existing repositories or start new projects, and use extensions
from the Open VSX Registry.
Gemini in Firebase
provides workspace-aware AI assistance with code completion, code
generation, testing, tool-running, and documentation. You can completely
customize your workspaces, deployment approach, and target runtime
environment with support for extensible configuration using
Nix.
Prompting without coding: The App Prototyping agent, also known as
Prototyper lets you create new workspaces to
prototype and refine app ideas with
Gemini in Firebase—without writing any code. Work with the
agent using multimodal prompts to iteratively develop a full-stack app
(currently works for web apps), test and debug, and share your work with
others, right from your browser. You can immediately roll changes back if
needed, add new features, test, publish to Firebase App Hosting and
monitor your app's performance with built-in observability.
You can seamlessly transition between coding and prompting to harness the
strengths of each. For example, you can start with a prototype in
the App Prototyping agent that covers the basics, like app structure and
user flow, then switch to
Code to implement more custom logic and integration.
This flexibility lets you iterate quickly and build apps that meet your
specific needs—all from Firebase Studio.
Pricing, quotas, and limits
Access to Firebase Studio is available at no cost, but you can increase the
number of workspaces you can create by joining the
Google Developer Program.
Certain integrations (like Firebase App Hosting) may require a
Cloud Billing account.
To block the use of your prompts and responses for model training, do not
use the App Prototyping agent, and do not use Gemini in Firebase within
Firebase Studio. To block the use of your code for model training,
turn off code
completion
and code
indexing
in your Firebase Studio settings.
[null,null,["Last updated 2025-08-28 UTC."],[],[],null,["Firebase Studio \nRapidly prototype, build, and ship full-stack AI-infused\napps quickly and efficiently, right from your browser. \n\nFirebase Studio is an agentic cloud-based development environment\nthat helps you build and ship production-quality full-stack AI\napps, including APIs, backends, frontends, mobile, and more.\nFirebase Studio unifies\n[Project IDX](/docs/studio/idx-is-firebase-studio) with specialized\nAI agents and assistance from Gemini in Firebase\nto provide a collaborative workspace accessible from anywhere,\ncontaining everything you need to develop an application.\nYou can import your existing projects or start something new\nwith templates supporting a variety of languages and frameworks. \n[Learn how to get started](/docs/studio/get-started) [Try\nFirebase Studio now](https://studio.firebase.google.com)\n| **Preview:** Firebase Studio is in Preview, which means that the product is not subject to any SLA or deprecation policy and could change in backwards-incompatible ways.\n\nKey capabilities\n\n|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Import projects from source control, local archive, or Figma design** | [Bring your own apps to Firebase Studio](/docs/studio/get-started-import): import a local archive, connect a public or private source code repository, or generate code from a Figma design and import it with the [Builder.io Figma plugin](https://www.builder.io/c/docs/builder-figma-plugin). |\n| **Quick project setup with built-in templates and samples** | Firebase Studio provides [extensive framework and language support](/docs/studio/get-started-template) with a large library of templates and sample apps, including popular languages like Go, Java, .NET, Node.js, and Python Flask, and frameworks like Next.js, React, Angular, Vue.js, Android, Flutter, and more. Start with a template or sample app from the [template gallery](https://studio.firebase.google.com//templates) and/or create your own [custom template](/docs/studio/custom-templates) to share. |\n| **Rapid natural language prototyping** | Use Gemini in Firebase to prototype and publish full-stack web applications with [the App Prototyping agent](/docs/studio/get-started-ai). Generate entire apps with multimodal prompts, including natural language, images, drawings. Enhance your app using a gallery of stock images from [Unsplash](https://unsplash.com). |\n| **Always-available AI assistance from Gemini in Firebase** | Use AI coding assistance from [Gemini in Firebase](/docs/studio/ai-assistance) across all development surfaces: interactive chat, code generation, tool running, and inline code suggestions. [Gemini in Firebase](/docs/studio/try-gemini) can help you write code and documentation, fix bugs, write and run unit tests, manage and resolve dependencies, work with Docker containers, and more. |\n| **Familiar and highly customizable development environment** | Firebase Studio is built on the popular Code OSS project and runs a full [virtual machine (VM)](https://cloud.google.com/workstations) powered by Google Cloud. You can customize almost every aspect of your online development environment with [Nix](/docs/studio/customize-workspace), including system packages, language tooling, IDE configurations, app previews, and IDE configuration---and share the project and its entire development environment configuration with a [custom template](/docs/studio/custom-templates). |\n| **Built-in tools, emulators, and deployment methods with deep Firebase and Google Cloud integration** | [Preview your web and Android apps right in the browser](/docs/studio/preview-apps) and take advantage of [built-in runtime services and tools](/docs/studio/debug) for emulation, testing, and debugging. Firebase Studio seamlessly integrates with [Firebase and Google Cloud services](/docs/studio/google-integrations). For example, you could use the [Firebase Local Emulator Suite](/docs/emulator-suite) directly from Firebase Studio to thoroughly test Firebase and Google Cloud services like Firebase Authentication, Cloud Functions, Cloud Firestore, Cloud Storage, Firebase App Hosting, and Firebase Hosting before you [publish your app](/docs/studio/deploy-app). |\n\nHow does it work?\n\nFirebase Studio supports multiple modes to cater to different development\nstyles:\n\n- **Coding with full control** : Work directly in a Code OSS-based IDE where\n you can import existing repositories or start new projects, and use extensions\n from the [Open VSX Registry](https://open-vsx.org/).\n Gemini in Firebase\n provides workspace-aware AI assistance with code completion, code\n generation, testing, tool-running, and documentation. You can completely\n customize your workspaces, deployment approach, and target runtime\n environment with support for extensible configuration using\n [Nix](https://nixos.org/).\n\n- **Prompting without coding: The App Prototyping agent, also known as\n Prototyper** lets you create new workspaces to\n prototype and refine app ideas with\n Gemini in Firebase---without writing any code. Work with the\n agent using multimodal prompts to iteratively develop a full-stack app\n (currently works for web apps), test and debug, and share your work with\n others, right from your browser. You can immediately roll changes back if\n needed, add new features, test, publish to Firebase App Hosting and\n monitor your app's performance with built-in observability.\n\nYou can seamlessly transition between coding and prompting to harness the\nstrengths of each. For example, you can start with a prototype in\nthe App Prototyping agent that covers the basics, like app structure and\nuser flow, then switch to\nCode to implement more custom logic and integration.\n\nThis flexibility lets you iterate quickly and build apps that meet your\nspecific needs---all from Firebase Studio.\n| **Note:** The App Prototyping agent can help you **build web apps with\n| Next.js**. Support for other platforms and frameworks is coming soon!\n\nPricing, quotas, and limits\n\nAccess to Firebase Studio is available at no cost, but you can increase the\nnumber of workspaces you can create by joining the\n[Google Developer Program](https://developers.google.com/profile/u/_/dashboard).\nCertain integrations (like Firebase App Hosting) may require a\nCloud Billing account.\n\nLearn more at [Firebase Studio pricing, quotas, and limits](/docs/studio/pricing).\n\nHow Firebase Studio uses your data\n\nYour use of Firebase Studio is governed by the [Google Terms of\nService](https://policies.google.com/terms).\n\nHowever, note that your use of generative AI features within\nFirebase Studio is governed by the [Generative AI Prohibited Use\nPolicy](https://policies.google.com/terms/generative-ai/use-policy) and the\n[Gemini API Additional Terms of\nService](https://ai.google.dev/gemini-api/terms) (specifically governed by\n[Gemini API Additional Terms of Service: Unpaid\nServices](https://ai.google.dev/gemini-api/terms#unpaid-services)).\n\nTo block the use of your *prompts and responses* for model training, do not\nuse the App Prototyping agent, and do not use Gemini in Firebase within\nFirebase Studio. To block the use of your *code* for model training,\n[turn off code\ncompletion](/docs/studio/set-up-gemini#adjust-code-complete)\nand [code\nindexing](/docs/studio/set-up-gemini#adjust-code-indexing)\nin your Firebase Studio settings.\n\nNext steps\n\n- [Start prototyping your new app with Firebase Studio](/docs/studio/get-started-ai).\n- [Learn more about Firebase Studio workspaces](/docs/studio/get-started-workspace)."]]