Com utilitzar Google AI Studio: Playground, mode Build i vibe coding amb Gemini

Per utilitzar Google AI Studio, inicia sessió a aistudio.google.com amb un compte de Google, prova els prompts amb models de Gemini al Playground, i fes clic a Get API key quan vulguis cridar Gemini des del teu propi codi. Per fer vibe coding d'una app, obre el mode Build, descriu l'app en un prompt, i Gemini la genera amb una vista prèvia en directe que refines xatejant. Després la pots desplegar a Cloud Run, sincronitzar amb GitHub o descarregar el codi.

Aquesta guia repassa cada part tal com la documenta Google en el moment d'escriure-la (novembre de 2026), i després explica on és més forta AI Studio i quan un creador amb base de dades i allotjament propis és l'opció més adequada. Google actualitza AI Studio sovint, de manera que consulta la seva documentació per als noms i límits més recents.

Què és Google AI Studio

AI Studio és l'espai de treball en navegador de Google per construir amb Gemini. Serveix a dos tipus de persones:

• Desenvolupadors que volen provar models de Gemini, afinar un prompt i copiar codi que funcioni al seu propi projecte.
• Creadors que volen descriure una app i que Gemini l'escrigui, fent servir el mode Build.

Google afirma que l'ús d'AI Studio és gratuït a les regions on s'ofereix, amb accés gratuït limitat a alguns models. Els nivells d'API de pagament, alguns models, la fonamentació intensiva amb Google Search i l'allotjament a Google Cloud es cobren per separat.

Part 1: El Playground

El Playground s'obre per defecte amb un prompt de xat nou. És on proves què pot fer un model abans de construir res.

1. Tria un model i escriu un missatge al quadre d'entrada, després fes clic a Run.
2. Obre Run settings (la icona de l'ajustador a la part superior dreta) per canviar els paràmetres del model i la configuració de seguretat, i per activar la sortida estructurada, la crida a funcions, l'execució de codi o la fonamentació.
3. Afegeix System Instructions per definir el rol i el to del model, per exemple: «Ets un assistent amable per a una pastisseria. Respon en dues frases i suggereix un producte».
4. Fes clic a Get code per convertir el prompt i la configuració en codi al llenguatge que prefereixis.

A més del xat, el Playground ofereix altres tipus de prompt, com la transmissió en temps real i la generació de vídeo.

Obtenir una clau d'API

Quan vulguis Gemini dins de la teva pròpia app, crea una clau a la pàgina Get API key (aistudio.google.com/apikey). Tracta-la com una contrasenya: guarda-la a les variables d'entorn o als secrets del servidor, mai en codi que s'executi al navegador d'un visitant. La nostra guia sobre com mantenir segures les claus d'API explica per què.

Part 2: Vibe coding al mode Build

El mode Build és on passa el «vibe coding amb Gemini». Descrius una app, i l'agent d'AI Studio escriu el codi i mostra el resultat al costat.

Començar un projecte

Hi ha diverses maneres d'entrar:

• Escriu un prompt que descrigui l'app.
• Prem I'm Feeling Lucky per obtenir una idea generada.
• Fes un remix d'una app de la App Gallery amb Copy App.
• Importa des de GitHub amb el menú Add files.

Pots afegir AI Chips per incorporar funcions com la generació d'imatges o les dades de Maps, i dictar els prompts amb reconeixement de veu.

Què construeix

Segons la documentació de Google:

• Web apps per defecte: un frontend en React més un servidor en Node.js, de manera que les crides a l'API poden quedar al servidor, els paquets npm s'instal·len automàticament i l'app es pot connectar a bases de dades.
• Apps natives per a Android en Kotlin i Jetpack Compose, que pots previsualitzar en un emulador del navegador, instal·lar per ADB i publicar a Google Play per a proves internes.
• Configuració de Firebase feta per tu: Firestore per a les dades i Firebase Authentication amb Inicia sessió amb Google.
• Integracions de Google Workspace com Gmail, Sheets, Docs, Drive i Calendar.

Un primer prompt

Construeix una app de receptes. Enganxo una recepta o un enllaç, i Gemini la converteix en una targeta neta amb ingredients, passos i temps de cocció. Puc desar receptes, cercar-les i escalar els ingredients per a un nombre diferent de racions. Deixa'm iniciar sessió amb Google perquè les meves receptes es desin al meu compte.

Això aprofita les fortaleses d'AI Studio: Gemini forma part de la funció, l'inici de sessió és amb Google i l'emmagatzematge és Firebase.

Refinar l'app

• Xateja amb l'agent: «Afegeix una llista de la compra que combini els ingredients de les receptes que marco».
• Mode d'anotació: ressalta una part de la pantalla de l'app i descriu-hi el canvi que vols. És més ràpid que descriure quin botó vols dir.
• Pestanya Code: mira el codi generat i edita'l directament si ho vols.

Segons la documentació de Google, el mode Build guarda la clau d'API de Gemini com a secret del servidor (GEMINI_API_KEY, visible al panell Secrets) en lloc de posar-la al codi del client. Les apps d'Android usen Firebase AI Logic i App Check en lloc de clau.

Compartir i desplegar

• Compartir: les apps són privades per defecte. Les persones amb qui les comparteixes poden veure i fer fork del codi, i les que tenen drets d'edició el poden canviar. Les crides a Gemini que facin les persones que usen la teva app compartida compten per al teu ús, i AI Studio t'avisa abans de compartir si és probable que hi hagi costos.
• Cloud Run: despliega des d'AI Studio com a servei escalable. Pot aplicar-se el preu de Google Cloud.
• GitHub: sincronització bidireccional amb un repositori, amb una vista de conflictes quan han canviat els dos costats.
• Descàrrega en ZIP: emporta el codi on vulguis. Configuraràs la clau d'API al teu propi allotjament.

Consells per obtenir millors resultats al mode Build

• Comença per allò que fa Gemini dins de l'app. El mode Build funciona millor quan la IA és la funció: resumir, extreure, generar imatges, respondre preguntes sobre un document.
• Digues què es desa i per a qui. «Les receptes de cada usuari són privades per a ell» és una regla que val la pena establir des del principi.
• Canvia una cosa per missatge, i prova-la a la vista prèvia abans del següent.
• Revisa les regles de seguretat de Firebase abans que arribin usuaris reals. Que l'app funcioni per a tu no vol dir que altres usuaris no puguin llegir les teves dades. Pregunta: «Mostra'm les regles de Firestore i explica qui pot llegir i escriure cada col·lecció».

Per a més prompts que funcionen en qualsevol eina, consulta el nostre full de referència de prompts de vibe coding.

On és més forta Google AI Studio

• Apps on Gemini és la funció principal, amb la clau guardada al servidor.
• Stacks centrats en Google: Firebase, Inicia sessió amb Google, dades de Workspace, Maps.
• Desenvolupadors que volen un prototip ràpid que després sincronitzen amb GitHub i continuen construint.
• Experiments natius d'Android, previsualitzats al navegador.

Quan passar a un creador amb base de dades i allotjament

AI Studio és una eina potent, i per a molts projectes n'hi ha prou. Val la pena considerar un creador d'apps d'IA complet quan:

• Vols una base de dades relacional. Firestore és una base de dades de documents. Si la teva app té clients, comandes i factures amb relacions entre ells, una base de dades Postgres pot ser més senzilla de raonar. La nostra guia Supabase vs Firebase explica la diferència.
• No vols gestionar un projecte de Google Cloud. Desplegar a Cloud Run implica un compte de Cloud, facturació i la seva configuració. Algunes persones preferiran publicar amb un clic i tenir l'allotjament inclòs.
• Vols l'allotjament, la base de dades i l'emmagatzematge en una sola factura. A Mythex, es paguen amb crèdits mensuals de Cloud inclosos en el pla.
• Necessites iPhone a més d'Android. Al Pro de Mythex, una app publicada pot convertir-se en una app d'Android que puges a Google Play i en una app d'iPhone enviada a TestFlight amb la teva pròpia clau d'App Store Connect, sense Mac. (Aquestes obren la teva app publicada; no són codi natiu en Swift o Kotlin.)
• La IA no és el centre de l'app. Un sistema de reserves o un portal de clients no necessiten Gemini al centre, i un creador general pot encaixar-hi més naturalment.
• Vols el teu propi domini sense configurar serveis de Cloud.

Mythex funciona així: descriu l'app al xat, en qualsevol idioma, i construeix una app completa real amb vista prèvia en directe, connecta una base de dades Postgres i emmagatzematge de fitxers, i publica en una URL pública amb un clic. El pla gratuït no necessita targeta i inclou la publicació; el Pro costa 25 $ al mes i afegeix edició de codi, exportació, GitHub, dominis propis i apps per a telèfon. Consulta la pàgina del creador d'apps amb IA.

En qualsevol cas, el codi és teu per emportar-te'l: AI Studio a través de GitHub o ZIP, Mythex a través d'exportació i GitHub al Pro. Per a una visió més àmplia de les opcions, consulta les millors eines de vibe coding i ChatGPT vs Claude vs Gemini per construir apps.

Com utilitzar Google AI Studio (resum)

1. Inicia sessió a aistudio.google.com amb un compte de Google.
2. Al Playground, tria un model, escriu un prompt i prem Run. A Run settings pots canviar paràmetres i funcions.
3. Si vols usar Gemini des de la teva pròpia app, crea una clau amb Get API key i desa-la a les variables d'entorn del servidor.
4. Si vols crear una app, obre el mode Build i descriu l'app que vols amb paraules. Modifica-la amb el xat o el mode d'anotació mentre mires la vista prèvia.
5. Quan estigui acabada, desplega-la a Cloud Run, sincronitza-la amb GitHub o descarrega-la en ZIP.

Si vols gestionar en un sol lloc la base de dades, l'allotjament, el domini propi i les apps per a iPhone i Android, un creador d'apps amb IA complet com Mythex també és una opció.

Preguntes