Vibe coding en Google AI Studio: Build, límites y publicación

Cómo hacer vibe coding en el modo Build de Google AI Studio: pasos, qué puede y qué no, el límite de dos apps del Starter Tier y cómo publicar o exportar tu app.

Preguntas frecuentes

¿Qué es el vibe coding en Google AI Studio?

Es el modo Build, que está en aistudio.google.com/apps. Describes una app en lenguaje natural, Gemini genera el código y al lado aparece una vista previa en vivo. Según la documentación de Google, las apps web usan por defecto un frontend en React con un entorno de ejecución Node.js en el servidor, y también puedes elegir una app nativa de Android (Kotlin y Jetpack Compose). Afinas el resultado conversando o con el modo de anotación sobre la vista previa. Documentación consultada en noviembre de 2026.

¿Es gratis el vibe coding en Google AI Studio?

La documentación de Google sobre Build y publicación no describe una cuota gratuita. Indica que las llamadas a la API desde tu app cuentan para tus límites de uso y que pueden aplicarse costos si usas modelos de pago. El Starter Tier permite a las cuentas elegibles publicar hasta dos apps full-stack sin un proyecto de Google Cloud ni una cuenta de facturación, pero puede aplicarse la tarifa de Cloud Run según el uso. Consulta la página de facturación (Billing) de AI Studio para ver las tarifas vigentes de tu cuenta.

¿Cómo publico una app creada en Google AI Studio?

Haz clic en Publish (Publicar), arriba a la derecha. En el Starter Tier, después pulsas Get Started y Publish App, y obtienes una URL de Cloud Run. La publicación estándar requiere un proyecto de Google Cloud vinculado a tu cuenta de AI Studio y con la facturación activada. También puedes sincronizar el proyecto con GitHub o descargar un ZIP y alojarlo tú mismo.

¿Puedo exportar mi app de Google AI Studio a GitHub o a mi propio hosting?

Sí. AI Studio admite sincronización bidireccional con GitHub, que se gestiona desde la pestaña GitHub en Settings (Configuración), con mensajes de commit generados por IA y un cuadro de diálogo Resolve conflicts (Resolver conflictos). También puedes descargar un ZIP. Si ejecutas el código en otro lugar, tendrás que definir tú mismo la variable de entorno GEMINI_API_KEY.

¿Se expondrá mi clave de la API de Gemini en la app publicada?

En las apps web nuevas, la documentación de Google dice que AI Studio guarda GEMINI_API_KEY como un secreto del lado del servidor, visible en el panel Secrets, y que nunca se incluye en el código del cliente. La app publicada usa esa clave para las llamadas a Gemini de todos los visitantes, así que su uso cuenta para tus límites y tus costos.

¿Quién puede usar el Starter Tier para publicar?

La página de publicación de Google indica que no son elegibles las cuentas que inician sesión con una cuenta de Google Workspace, ni las que tienen o han tenido una cuenta de facturación de pago de Google Cloud, ni las que no acreditan suficiente actividad. También dice que el soporte no puede anular la elegibilidad. Si no eres elegible, usa la publicación estándar con un proyecto de Google Cloud con facturación activada.

Respuesta corta: el vibe coding de Google AI Studio vive en el modo Build, en aistudio.google.com/apps. Describes una app, Gemini escribe un frontend en React más un servidor Node.js (o una app nativa de Android) y vas iterando sobre una vista previa en vivo. Cuando funciona, haz clic en Publish para ponerla en Cloud Run, sincronízala con GitHub o descarga un ZIP. Revisa los límites de más abajo antes de compartir un enlace, porque las llamadas a Gemini de tus visitantes se ejecutan con tu clave. Todos los datos se contrastaron con la documentación de Google en noviembre de 2026.

Qué hace realmente el modo Build

El modo Build es un entorno de «prompt a app» dentro de AI Studio. Según la documentación de Google:

Apps web (por defecto): un frontend en React más un entorno de ejecución Node.js en el servidor para llamadas seguras a APIs, conexiones a bases de datos y paquetes npm. El agente instala los paquetes que haga falta.
Apps de Android: Kotlin y Jetpack Compose, con vista previa en un emulador dentro del navegador, instalables en un dispositivo mediante ADB desde el navegador y publicables en Play Store para pruebas internas.
Integraciones incluidas: Firebase Firestore y Firebase Authentication (Sign in with Google), conexiones con Google Workspace como Gmail, Sheets, Docs, Drive y Calendar con configuración automática de OAuth, y estado multijugador gestionado por el entorno de ejecución del servidor.
Otras bases de datos: la documentación dice que puedes usar cualquier almacenamiento al que se pueda acceder por red, sujeto a las restricciones de firewall sobre rangos de IP dinámicas.

Si el término te resulta nuevo, nuestra explicación sobre qué es el vibe coding cubre la idea. El modo Build es una de sus implementaciones.

Cómo hacer vibe coding de una app en Google AI Studio

Abre el modo Build. Ve a aistudio.google.com/apps y elige app web (la opción por defecto) o Android nativo en el selector de plataforma.
Escribe el prompt. Describe quién usa la app, qué muestra la pantalla principal y qué datos maneja. Puedes usar AI Chips para añadir funciones como generación de imágenes o datos de Google Maps, o dictar con voz a texto. «I'm Feeling Lucky» genera una idea si no sabes por dónde empezar.
O parte de algo que ya existe. Abre una app en la App Gallery (Galería de apps) y selecciona Copy App para remezclarla, o usa Import from GitHub en el menú Add files (+) del cuadro del prompt.
Ejecútala y revisa la vista previa. Los archivos generados aparecen junto a una vista previa en vivo a la derecha. La pestaña Code muestra el código fuente.
Itera con pasos pequeños. Pide un cambio por mensaje. Para retoques visuales, usa el modo de anotación: resalta una parte de la interfaz y describe el cambio que quieres.
Gestiona los permisos. Si la app necesita cámara, micrófono o geolocalización, la documentación indica que debes listar esas APIs del navegador en metadata.json, dentro de requestFramePermissions.
Revisa los secretos. Abre el panel Secrets en Settings para ver GEMINI_API_KEY y añadir cualquier otra clave que necesite el código de tu servidor.
Guarda o publica. Sincroniza con GitHub, descarga un ZIP o haz clic en Publish.

Cómo redactar el prompt para obtener mejores primeros borradores

Crea una página de reservas para un pequeño estudio de cerámica. Los visitantes eligen una clase de una lista, escogen una fecha e introducen nombre y correo. Guarda las solicitudes en Firestore. Muestra una pantalla de confirmación. Usa un diseño de una sola columna y pensado primero para móvil. No añadas inicio de sesión.

Indicar el almacén de datos, las pantallas y lo que debe quedar fuera evita que el agente invente funciones que luego tendrás que borrar.

Comparativa de opciones de publicación y exportación

Opción	Qué obtienes	Requisitos (según la documentación de Google)	Ojo con
Publish, Starter Tier	URL de Cloud Run y, opcionalmente, un subdominio tu-app.ai.studio	Cuenta elegible; no hace falta proyecto de Google Cloud ni cuenta de facturación	Hasta dos servicios en total, una sola región de Cloud Run; las cuentas de Workspace y las que tienen facturación de pago en Cloud no son elegibles
Publish, publicación estándar	Servicio de Cloud Run escalable	Proyecto de Google Cloud vinculado a AI Studio con facturación activada	Puede aplicarse la tarifa de Cloud Run según el uso
Sincronización con GitHub	Sincronización bidireccional del repositorio con mensajes de commit	Pestaña GitHub en Settings	Resuelve los conflictos de fusión en el cuadro de diálogo
Descarga de ZIP	Código que puedes ejecutar donde quieras	Define tú mismo GEMINI_API_KEY	Te encargas del hosting, los secretos y las actualizaciones

En el Starter Tier, publicar son tres clics: Publish, Get Started, Publish App. Si ya tienes dos apps publicadas, debes despublicar una o pasar a un plan superior. Los subdominios personalizados se asignan por orden de llegada y se liberan al despublicar o eliminar la app.

Límites y riesgos que conviene conocer antes de compartir

Tu clave paga por cada visitante. La app publicada usa tu clave de la API de Gemini para las llamadas de todos los usuarios, y la documentación advierte de que pueden aplicarse costos si usas modelos de pago. AI Studio te avisa antes de compartir.
Las apps empiezan siendo privadas. Las personas con las que compartes pueden ver y bifurcar (fork) el código, y quienes tengan permiso de edición pueden modificarlo.
Sin coedición en vivo. La documentación de Google dice que la edición colaborativa en tiempo real no es compatible; los equipos colaboran a través de un repositorio de GitHub compartido.
Los enlaces compartidos pueden fallar. La documentación menciona errores 403 Access Restricted provocados por extensiones de privacidad como Privacy Badger, o por errores de compilación.
Eres responsable del comportamiento. Las apps pueden retirarse por infringir las políticas, y el desarrollador es responsable del comportamiento y de los datos de su app.
Apps antiguas. Las apps creadas antes del 14 de mayo de 2026 se actualizan al método de clave en el servidor la próxima vez que se modifiquen sus funciones de Gemini.

Las páginas de Google que consultamos no indican cifras de solicitudes o tokens del plan gratuito, así que no citamos ninguna. Mira la página de facturación (Billing) dentro de AI Studio para saber qué se aplica a tu cuenta.

Antes de publicar: una lista de verificación para copiar

[ ] La app funciona en la vista previa con un perfil de navegador limpio, no solo con el tuyo con la sesión iniciada
[ ] Los secretos están en el panel Secrets, no pegados en el código ni en los prompts
[ ] Sabes qué clave de Gemini usará la app publicada y cuánto costaría un día con mucho tráfico
[ ] Las reglas de Firestore o de la base de datos están revisadas para que los visitantes no puedan leer ni escribir lo que no deben
[ ] La has probado en una pantalla con ancho de móvil
[ ] El repositorio está sincronizado con GitHub, así que tienes una copia fuera de AI Studio
[ ] Has comprobado la elegibilidad para el Starter Tier, o tienes listo un proyecto de Cloud con facturación activada

Las apps generadas con IA pueden parecer terminadas aunque escondan huecos en la validación y el control de acceso, algo que tratamos en la brecha de confianza del vibe coding en sitios web.

Cuándo el modo Build no es la herramienta adecuada

El modo Build sirve para prototipos, herramientas internas y pequeñas apps interactivas que llaman a Gemini. Es un camino más pesado para un sitio de empresa sencillo que necesita dominio, formulario de contacto y visibilidad en buscadores. Además, un servicio de Cloud Run detrás de un subdominio de ai.studio no equivale a un sitio que gestionas para SEO. Si estás valorando alojamientos más simples, consulta nuestra lista de alternativas a Google Sites y, cuando tu sitio esté en línea, configura Google Search Console para ver cómo se indexa.

Si lo que necesitas es un sitio normal y no una app a medida, el plan gratuito de We.Inc te permite publicar hasta tres sitios a partir de plantillas listas para usar; el creador con IA que redacta un sitio a partir de un prompt empieza en el plan Starter, a $20 al mes. Puedes registrarte aquí.

Empieza gratis · Sin tarjeta de crédito

Umair Ali Sadaqat

Fundador de We.Inc

Umair es el fundador de We.Inc. Escribe sobre la creación de sitios web con IA, las agencias y el negocio de gestionar un estudio web.

¿Listo para crear algo grande?

Únete a los 15,000+ negocios que usan We.Inc para lanzar, crecer y automatizar, todo desde una plataforma.