Google ha lanzado oficialmente Firebase Studio, un completo entorno de desarrollo basado en IA que transforma la forma en que los desarrolladores crean y despliegan aplicaciones.

Esta nueva plataforma representa una evolución significativa de Firebase, que pasa de ser un simple servicio de base de datos a un ecosistema completo para crear aplicaciones listas para producción, incluso para aquellos con experiencia limitada en codificación.

¿Qué es Firebase Studio?


Firebase Studio es un entorno de desarrollo basado en la nube agentic impulsado por Gemini que le ayuda a construir y enviar aplicaciones de IA de pila completa con calidad de producción.

Combina las capacidades del Project IDX de Google con agentes de IA especializados y la asistencia de Gemini para crear un espacio de trabajo colaborativo accesible desde cualquier lugar.

La plataforma soporta el desarrollo en múltiples dominios, incluyendo:

  • Aplicaciones web frontend
  • Servicios backend y API
  • Aplicaciones móviles
  • Soluciones completas basadas en IA

Funciones clave


Importa tus propios proyectos


Firebase Studio te permite traer proyectos existentes subiendo archivos locales o conectándote a repositorios de GitHub, GitLab o Bitbucket. Esta flexibilidad facilita continuar trabajando en proyectos que ya están en desarrollo.

Empieza rápido con plantillas


Para acelerar el desarrollo, Firebase Studio ofrece una amplia gama de plantillas incorporadas que soportan lenguajes y frameworks populares, incluyendo:

  • Go, Java, .NET, Python
  • Next.js, React, Angular
  • Flutter para desarrollo móvil

Y muchos más

Prototipos de aplicaciones con lenguaje natural


Una de las características más potentes es la posibilidad de crear aplicaciones completas simplemente describiendo lo que se desea. La plataforma acepta entradas en varios formatos:

  • Descripciones de texto
  • Imágenes
  • Dibujos
  • Bocetos

Esta interfaz de lenguaje natural hace que el desarrollo de aplicaciones sea más accesible para personas sin gran experiencia en codificación.

Ayuda de IA integrada en el IDE


Gemini está profundamente integrado en el entorno de desarrollo, ofreciendo asistencia con:

  • Escribir código
  • Corrección de errores
  • Generación de pruebas
  • Gestión de dependencias
  • Optimización del rendimiento
  • Comprender los mensajes de error

El asistente de IA funciona directamente en el editor, proporcionando ayuda contextual exactamente cuando la necesita.

Entorno de desarrollo personalizable


Firebase Studio se ejecuta en una máquina virtual construida con Code OSS, proporcionando una experiencia de desarrollo familiar para muchos desarrolladores. Usando Nix, puede personalizar completamente su:

  • Herramientas de desarrollo
  • Configuraciones
  • Entornos de vista previa
  • Configuraciones de espacios de trabajo compartidos
  • Emuladores integrados e integración con Firebase

La plataforma incluye herramientas completas para previsualizar, probar y depurar aplicaciones:

  • Vista previa basada en navegador para aplicaciones web
  • Ejecutores de pruebas integrados
  • Emuladores locales Firebase
  • Herramientas de Google Cloud
  • Todo accesible desde una interfaz unificada
  • Primeros pasos con Firebase Studio

Para empezar a utilizar Firebase Studio, sólo tienes que acceder a studio.firebase.google.com e iniciar sesión con tu cuenta de Google. El panel de control presenta una interfaz limpia y fácil de usar que facilita los primeros pasos.

Construyendo tu primera aplicación


Firebase Studio ofrece dos enfoques principales para el desarrollo de aplicaciones:

  • Prototipos con IA: Crea rápidamente una aplicación describiendo lo que quieres en lenguaje natural.
  • Desarrollo tradicional: Empieza desde cero con tu lenguaje de programación o framework preferido, o importa un proyecto existente.

Veamos un ejemplo de creación de un sistema ERP para pequeñas empresas utilizando el enfoque basado en IA.

Creación de un sistema ERP con IA


Para esta demostración, he utilizado la siguiente instrucción: "Construye un ERP básico para pequeñas empresas con un panel de control que muestre ingresos, gastos y beneficios, además de un calendario para citas".

Captura de pantalla de Firebase Studio con Prompt.

Después de entrar, tendrás que aceptar los términos y condiciones para continuar.

Captura de pantalla de las Condiciones Generales. 

Firebase Studio generará entonces un plano para su aplicación y le ofrecerá opciones para personalizar los colores primarios y secundarios.

Captura de pantalla del Plan ERP.

Una vez que estés satisfecho con el plan, haz clic en el botón "Prototipar esta aplicación" para iniciar el proceso de creación.

Captura de pantalla del proceso de creación de la aplicación

Una vez creada, la aplicación necesitará una clave API Gemini. Si ya dispone de una, puede proporcionarla; de lo contrario, haga clic en "Generar clave API" para crear una nueva.

Captura de pantalla de la solicitud de clave API
Captura de pantalla de la generación de la clave API.

Pruebas y resolución de problemas


Al probar la aplicación, me encontré con varios problemas que impedían que el botón de envío funcionara correctamente.

Captura de pantalla de la prueba de la función Añadir ingresos

Firebase Studio mostró una ventana emergente en la esquina inferior derecha con una opción para solucionar cada error. Aunque tuve que hacer clic en "Solucionar error" para cada problema individualmente (lo que podría mejorarse en futuras actualizaciones para solucionar todos los problemas a la vez), la IA fue capaz de resolver cada problema.

Captura de pantalla de Fix Error.

Una vez solucionados todos los problemas, los desarrolladores pueden cambiar al "modo de desarrollo" para acceder a un editor de código similar a VS Code o Cursor, que permite inspeccionar y editar el código manualmente.

Captura de pantalla de la vista del editor de código.

Perfeccionamiento de la aplicación


Durante las pruebas, descubrí que la función "Añadir ingresos" no funcionaba correctamente. Al proporcionar una descripción detallada del problema, pude guiar a la IA para que hiciera las correcciones necesarias.

Captura de pantalla del aviso para solucionar el error.
Captura de pantalla del aviso detallado para solucionar el error.

Tras estos ajustes, la función "Añadir ingresos" empezó a funcionar correctamente.

Captura de pantalla de la función Añadir ingresos.

Encontré problemas similares con la función "Añadir gastos", que también requirió descripciones detalladas para solucionarse.

Captura de pantalla de Añadir Gasto no funciona.
Captura de pantalla de Prompt solucionando el problema de Añadir Gasto.

Publicación de la aplicación


Una vez que todas las características funcionaban correctamente, procedí a publicar la aplicación haciendo clic en el botón "Publicar" y seleccionando un modelo de facturación (Pay as You Go).

Captura de pantalla de publicación en curso.

El proceso de despliegue tarda aproximadamente 10 minutos en hacer que la aplicación esté disponible en directo.

Captura de pantalla del despliegue en curso.

Después de la implementación, Firebase Studio proporciona un enlace a su aplicación en vivo que puede compartir con otros.

Captura de pantalla del enlace disponible una vez desplegado.

La aplicación en vivo funciona como se esperaba e incluye un panel de control para supervisar el uso.

Captura de pantalla del Panel de Peticiones.

El panorama competitivo


Firebase Studio entra en un mercado ya poblado por plataformas como Lovable, Bolt y V0. Cada una ofrece enfoques únicos para el desarrollo asistido por IA, pero la entrada de Google aporta el peso y las capacidades de integración de su amplio ecosistema en la nube.

Firebase Studio frente a la competencia


Puntos fuertes:

  • Profunda integración con los servicios en la nube de Google
  • Potente asistencia de IA Gemini
  • Entorno de desarrollo familiar basado en Code OSS
  • Completas herramientas de emulación y pruebas
  • Nivel gratuito para experimentación y aprendizaje


Limitaciones actuales:

  • Limitado a los modelos LLM de Google
  • No es posible deshacer los cambios de código aceptados
  • No es compatible con Supabase
  • Fuerte orientación hacia el ecosistema de Google
  • Plataforma relativamente nueva con mejoras continuas

Reflexiones finales


La entrada de Google en el espacio de creación de aplicaciones de IA con Firebase Studio representa un importante paso adelante para hacer más accesible el desarrollo de aplicaciones.

La plataforma ofrece una atractiva combinación de asistencia de IA, herramientas de desarrollo familiares y una profunda integración con los servicios en la nube de Google.

Aunque Firebase Studio tiene actualmente algunas limitaciones -restringido a los LLM de Google, carece de la funcionalidad de deshacer cambios en el código y empuja a los usuarios hacia el ecosistema de Google-, estos son los típicos dolores de crecimiento de las nuevas plataformas.

Para los desarrolladores ya familiarizados con Firebase, esta expansión en un entorno de desarrollo completo proporciona una extensión natural de sus flujos de trabajo existentes. Para los recién llegados, el enfoque de desarrollo asistido por IA reduce significativamente la barrera de entrada.

Todavía está por ver si Firebase Studio sustituirá a herramientas consolidadas como Bolt, Lovable o V0, pero representa la primera entrada seria de Google en los entornos de desarrollo basados en IA.

A medida que la plataforma madure e incorpore los comentarios de los usuarios, es muy posible que se convierta en la opción preferida de los desarrolladores que deseen crear aplicaciones mejoradas con IA de forma rápida y eficaz.

Animo a los desarrolladores a probar Firebase Studio, experimentar con sus capacidades y evaluar cómo encaja en sus flujos de trabajo de desarrollo.

Aunque puede que no sustituya inmediatamente a sus herramientas actuales, la plataforma es muy prometedora y es probable que mejore rápidamente a medida que Google siga invirtiendo en este espacio.

Fuente