Paano Gamitin ang Google AI Studio: Playground, Build Mode at Vibe Coding gamit ang Gemini

Para gamitin ang Google AI Studio, mag-sign in sa aistudio.google.com gamit ang Google account, subukan ang mga prompt laban sa Gemini models sa Playground, at i-click ang Get API key kapag gusto mong tawagin ang Gemini mula sa sarili mong code. Para mag-vibe code ng app, buksan ang Build mode, ilarawan ang app sa isang prompt, at gagawa ang Gemini ng app na may live preview na pinipino mo sa pamamagitan ng chat. Puwede mo itong i-deploy sa Cloud Run, i-sync sa GitHub, o i-download ang code.

Tinatalakay ng gabay na ito ang bawat bahagi ayon sa pagkakadokumento ng Google sa oras ng pagsulat (Nobyembre 2026), saka tinitingnan kung saan pinakamalakas ang AI Studio at kailan mas bagay ang builder na may sariling database at hosting. Madalas i-update ng Google ang AI Studio, kaya tingnan ang kanilang docs para sa pinakabagong pangalan at limitasyon.

Ano ang Google AI Studio

Ang AI Studio ay browser workspace ng Google para gumawa gamit ang Gemini. May dalawang uri ng taong pinaglilingkuran nito:

• Mga developer na gustong subukan ang Gemini models, pinuhin ang prompt, at kopyahin ang gumaganang code sa sarili nilang project.
• Mga builder na gustong ilarawan ang app at ipasulat ito sa Gemini, gamit ang Build mode.

Sinasabi ng Google na libre ang paggamit ng AI Studio sa mga rehiyong may serbisyo, na may limitadong libreng access sa ilang models. Ang bayad na API tiers, ilang models, malawakang grounding gamit ang Google Search, at hosting sa Google Cloud ay sinisingil nang hiwalay.

Bahagi 1: Ang Playground

Bumubukas ang Playground na may bagong chat prompt bilang default. Dito mo sinusubukan kung ano ang kaya ng model bago ka gumawa ng kahit ano.

1. Pumili ng model at mag-type ng mensahe sa input box, saka i-click ang Run.
2. Buksan ang Run settings (ang tune icon sa kanang itaas) para baguhin ang parameters ng model at safety settings, at para i-on ang structured output, function calling, code execution, o grounding.
3. Magdagdag ng System Instructions para itakda ang papel at tono ng model, halimbawa: "Ikaw ay palakaibigang katulong ng isang bakery. Sumagot sa dalawang pangungusap at magmungkahi ng isang produkto."
4. I-click ang Get code para gawing code sa wikang gusto mo ang prompt at settings.

Bukod sa chat, nag-aalok ang Playground ng iba pang uri ng prompt, gaya ng realtime streaming at video generation.

Pagkuha ng API key

Kapag gusto mo ng Gemini sa sarili mong app, gumawa ng key mula sa Get API key page (aistudio.google.com/apikey). Ituring itong password: itago ito sa environment variables o secrets ng iyong server, hindi kailanman sa code na tumatakbo sa browser ng bisita. Ipinapaliwanag ng aming gabay sa pagprotekta ng API keys kung bakit.

Bahagi 2: Vibe coding sa Build mode

Dito nangyayari ang "vibe coding gamit ang Gemini". Ilalarawan mo ang app, at isinusulat ng agent ng AI Studio ang code at ipinapakita ang resulta sa tabi nito.

Pagsisimula ng project

May ilang paraan para magsimula:

• Mag-type ng prompt na naglalarawan sa app.
• Pindutin ang I'm Feeling Lucky para sa nabuong ideya.
• I-remix ang app mula sa App Gallery gamit ang Copy App.
• Mag-import mula sa GitHub gamit ang Add files menu.

Puwede kang magdagdag ng AI Chips para isama ang mga feature gaya ng image generation o Maps data, at mag-dictate ng prompt gamit ang speech-to-text.

Ano ang ginagawa nito

Ayon sa dokumentasyon ng Google:

• Web apps bilang default: React frontend at Node.js server, kaya nananatili sa server ang API calls, awtomatikong nag-i-install ang npm packages, at puwedeng kumonekta ang app sa mga database.
• Native Android apps sa Kotlin at Jetpack Compose, na maaari mong i-preview sa browser emulator, i-install sa pamamagitan ng ADB, at i-publish sa Google Play para sa internal testing.
• Firebase setup na ginawa para sa iyo: Firestore para sa datos at Firebase Authentication na may Sign in with Google.
• Google Workspace integrations gaya ng Gmail, Sheets, Docs, Drive, at Calendar.

Unang prompt

Gumawa ng recipe app. Idi-paste ko ang recipe o link, at gagawing malinis na card ito ng Gemini na may sangkap, hakbang, at oras ng pagluluto. Puwede akong mag-save ng recipes, maghanap, at baguhin ang dami ng sangkap para sa ibang bilang ng servings. Hayaan akong mag-sign in gamit ang Google para ma-save ang recipes ko sa account ko.

Bagay ito sa mga lakas ng AI Studio: bahagi ng feature ang Gemini, Google ang sign-in, at Firebase ang storage.

Pagpipino ng app

• Mag-chat sa agent: "Magdagdag ng shopping list na pinagsasama ang sangkap mula sa mga recipe na piniling ko."
• Annotation mode: i-highlight ang bahagi ng screen ng app at ilarawan ang gustong pagbabago roon. Mas mabilis ito kaysa ilarawan kung aling button ang tinutukoy mo.
• Code tab: tingnan ang nabuong code at direktang i-edit kung gusto mo.

Sinasabi ng docs ng Google na pinananatili ng Build mode ang Gemini API key bilang server-side secret (GEMINI_API_KEY, makikita sa Secrets panel) sa halip na ilagay ito sa client code. Gumagamit ang mga Android app ng Firebase AI Logic at App Check sa halip na key.

Pagbabahagi at pag-deploy

• Pagbabahagi: pribado ang mga app bilang default. Puwedeng tingnan at i-fork ng mga taong pinagbahaginan ang code, at maaaring baguhin ito ng may edit rights. Ang mga Gemini call na ginagawa ng mga gumagamit ng iyong shared app ay binibilang sa iyong usage, at binabalaan ka ng AI Studio bago magbahagi kung malamang may gastos.
• Cloud Run: i-deploy mula sa AI Studio bilang scalable service. Maaaring malapat ang presyo ng Google Cloud.
• GitHub: two-way sync sa isang repository, na may conflict view kapag nagbago ang magkabilang panig.
• ZIP download: dalhin ang code kahit saan. Itatakda mo ang API key sa sarili mong host.

Mga tip para sa mas magandang resulta sa Build mode

• Unahin kung ano ang ginagawa ng Gemini sa app. Pinakamahusay ang Build mode kapag AI ang feature: pagbubuod, pagkuha ng impormasyon, paggawa ng larawan, o pagsagot sa tanong tungkol sa dokumento.
• Sabihin kung ano ang naka-save at para kanino. Ang "pribado sa bawat user ang kanilang mga recipe" ay patakarang sulit banggitin mula sa simula.
• Isang pagbabago kada mensahe, at subukan ito sa preview bago ang susunod.
• Suriin ang Firebase security rules bago pumasok ang totoong user. Hindi ibig sabihin na gumagana ang app para sa iyo ay hindi na mababasa ng ibang user ang datos mo. Itanong: "Ipakita ang Firestore rules at ipaliwanag kung sino ang makakabasa at makakasulat sa bawat collection."

Para sa mas maraming prompt na gumagana sa anumang tool, tingnan ang aming cheat sheet ng vibe coding prompts.

Saan pinakamalakas ang Google AI Studio

• Mga app kung saan ang Gemini ang pangunahing feature, na nananatili ang key sa server.
• Mga stack na nakasentro sa Google: Firebase, Sign in with Google, datos ng Workspace, at Maps.
• Mga developer na gustong mabilis na prototype na saka nila isi-sync sa GitHub at ipagpapatuloy.
• Mga eksperimento sa native Android, na sinisilip sa browser.

Kailan lilipat sa builder na may database at hosting

Malakas na tool ang AI Studio, at para sa maraming project ay sapat na ito. Sulit isaalang-alang ang full-stack AI app builder kapag:

• Kailangan mo ng relational database. Document database ang Firestore. Kung ang app mo ay may customers, orders, at invoices na magkakaugnay, mas madaling intindihin ang Postgres database. Ipinapaliwanag ng aming gabay na Supabase vs Firebase ang pagkakaiba.
• Ayaw mong mamahala ng Google Cloud project. Nangangailangan ng Cloud account, billing, at mga setting nito ang pag-deploy sa Cloud Run. May mga taong mas gusto ang isang-click na publish na may kasamang hosting.
• Gusto mo ng hosting, database, at storage sa iisang bill. Sa Mythex, binabayaran ang mga ito mula sa buwanang Cloud credits na kasama sa plan.
• Kailangan mo ng iPhone bukod sa Android. Sa Mythex Pro, ang na-publish na app ay puwedeng maging Android app na ia-upload mo sa Google Play at iPhone app na ipapadala sa TestFlight gamit ang sarili mong App Store Connect key, nang walang Mac. (Binubuksan ng mga ito ang na-publish mong app; hindi ito native na Swift o Kotlin code.)
• Hindi AI ang sentro ng app. Hindi kailangan ng booking system o client portal ang Gemini sa gitna, at maaaring mas natural na bagay ang pangkalahatang builder.
• Gusto mo ng sarili mong domain nang hindi nagko-configure ng Cloud services.

Ganito gumagana ang Mythex: ilarawan ang app sa chat, sa anumang wika, at bubuuin nito ang totoong full-stack app na may live preview, magkakabit ng Postgres database at file storage, at ipa-publish sa pampublikong URL sa isang click. Libre ang Free plan nang walang card at kasama ang publishing; ang Pro ay $25 kada buwan at nagdaragdag ng code editing, export, GitHub, custom domains, at phone apps. Tingnan ang pahina ng AI app builder.

Alinman, sa iyo ang code: AI Studio sa pamamagitan ng GitHub o ZIP, Mythex sa pamamagitan ng export at GitHub sa Pro. Para sa mas malawak na pananaw sa mga pagpipilian, tingnan ang pinakamahusay na vibe coding tools at ChatGPT vs Claude vs Gemini para sa paggawa ng app.

Paano gamitin ang Google AI Studio (buod)

1. Mag-log in sa aistudio.google.com gamit ang Google account.
2. Sa Playground, pumili ng model, mag-type ng prompt, at pindutin ang Run. Sa Run settings, maaari mong baguhin ang parameters at features.
3. Kung gagamit ka ng Gemini mula sa sarili mong app, gumawa ng key sa Get API key at itago ito sa environment variables ng server.
4. Kung gagawa ka ng app, buksan ang Build mode at ilarawan sa salita ang app na gusto mo. Pinipino mo ito sa pamamagitan ng chat o annotation mode habang tinitingnan ang preview.
5. Kapag tapos na, i-deploy sa Cloud Run, i-sync sa GitHub, o i-download bilang ZIP.

Kung gusto mo ng database, hosting, custom domain, at iPhone at Android apps sa iisang lugar, puwede mo ring isaalang-alang ang full-stack AI app builder gaya ng Mythex.

Mga tanong