Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Firebase Studio
Crea prototipos, compila y envía apps de pila completa con IA integrada de manera rápida y eficiente, directamente desde tu navegador.
Firebase Studio es un entorno de desarrollo basado en la nube que te ayuda a compilar y enviar apps de IA de pila completa con calidad de producción, incluidas APIs, backends, frontends, dispositivos móviles y mucho más.
Firebase Studio unifica Project IDX con agentes de IA especializados y la asistencia de Gemini en Firebase para proporcionar un espacio de trabajo colaborativo al que se puede acceder desde cualquier lugar y que contiene todo lo que necesitas para desarrollar una aplicación.
Puedes importar tus proyectos existentes o comenzar algo nuevo con plantillas que admiten una variedad de lenguajes y frameworks.
Configuración rápida de proyectos con plantillas y muestras integradas
Firebase Studio proporciona compatibilidad extensa con frameworks y lenguajes con una gran biblioteca de plantillas y apps de ejemplo, incluidos lenguajes populares como Go, Java, .NET, Node.js y Python Flask, y frameworks como Next.js, React, Angular, Vue.js, Android, Flutter y muchos más.
Comienza con una plantilla o una app de ejemplo de la galería de plantillas o crea tu propia plantilla personalizada para compartirla.
Prototipado rápido de lenguaje natural
Usa Gemini en Firebase para crear prototipos y
publicar aplicaciones web de pila completa con App Prototyping agent.
Genera apps completas con instrucciones multimodales, como lenguaje
natural, imágenes y dibujos. Mejora tu app con una galería de
imágenes de stock de Unsplash.
Asistencia de IA siempre disponible de Gemini en Firebase
Usa la asistencia de programación con IA de Gemini en Firebase en todas las plataformas de desarrollo: chat interactivo, generación de código, ejecución de herramientas y sugerencias de código intercalado.
Gemini en Firebase puede ayudarte a escribir código y documentación, corregir errores, escribir y ejecutar pruebas de unidades, administrar y resolver dependencias, trabajar con contenedores de Docker y mucho más.
Entorno de desarrollo familiar y altamente personalizable
Firebase Studio se compila en el popular proyecto Code OSS y ejecuta una máquina virtual (VM) completa con Google Cloud.
Puedes personalizar casi todos los aspectos de tu entorno de desarrollo en línea con Nix, incluidos los paquetes del sistema, las herramientas de lenguaje, las configuraciones de IDE, las vistas previas de apps y la configuración de IDE, y compartir el proyecto y toda su configuración de entorno de desarrollo con una plantilla personalizada.
Herramientas, emuladores y métodos de implementación integrados con integración profunda de Firebase y Google Cloud
Firebase Studio se integra sin problemas con los servicios de Firebase y Google Cloud. Por ejemplo, puedes usar Firebase Local Emulator Suite directamente desde Firebase Studio para probar en detalle Firebase y servicios de Google Cloud como Firebase Authentication, Cloud FunctionsCloud Firestore, Cloud Storage, Firebase App Hosting y Firebase Hosting, antes de publicar tu app.
¿Cómo funciona?
Firebase Studio admite varios modos para satisfacer diferentes estilos de desarrollo:
Programación con control total: Trabaja directamente en un IDE basado en código abierto en el que puedes importar repositorios existentes o iniciar proyectos nuevos, y usar extensiones del Registro abierto de VSX.
Gemini en Firebase proporciona asistencia de IA adaptada al espacio de trabajo con finalización de código, generación de código, pruebas, ejecución de herramientas y documentación. Puedes personalizar por completo tus espacios de trabajo, tu enfoque de implementación y el entorno de ejecución de destino con compatibilidad con la configuración extensible mediante Nix.
Escribir instrucciones sin programar: El agente de prototipado de apps, también conocido como Prototyper, te permite crear espacios de trabajo nuevos para crear prototipos y definir mejor las ideas de apps con Gemini en Firebase, sin escribir ningún código. Trabaja con el agente con instrucciones multimodales para desarrollar de forma iterativa una app de pila completa (actualmente funciona para apps web), probar y depurar, y compartir tu trabajo con otras personas directamente desde tu navegador. Si es necesario, puedes revertir los cambios de inmediato, agregar funciones nuevas, probar, publicar en Firebase App Hosting y supervisar el rendimiento de tu app con la observabilidad integrada.
Puedes alternar sin problemas entre la programación y las indicaciones para aprovechar las fortalezas de cada una. Por ejemplo, puedes comenzar con un prototipo en App Prototyping agent que cubra los conceptos básicos, como la estructura de la app y el flujo de usuarios, y luego cambiar a Code para implementar más lógica y integración personalizadas.
Esta flexibilidad te permite iterar rápidamente y compilar apps que satisfagan tus necesidades específicas, todo desde Firebase Studio.
Precios, cuotas y límites
El acceso a Firebase Studio está disponible sin costo, pero puedes aumentar la cantidad de espacios de trabajo que puedes crear si te unes a Google Developer Program.
Es posible que algunas integraciones (como Firebase App Hosting) requieran una cuenta de Cloud Billing.
Para bloquear el uso de tus instrucciones y respuestas para el entrenamiento de modelos, no uses App Prototyping agent ni Gemini en Firebase dentro de Firebase Studio. Para bloquear el uso de tu código para el entrenamiento de modelos, desactiva la finalización de código y el indexado de código en la configuración de Firebase Studio.
[null,null,["Última actualización: 2025-08-22 (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)."]]
