Minamahal na mga subscriber, ibinaba ng Google ang Gemini 3.1 at na-update ang AI Studio para maging full stack. Sama-sama, sa tingin ko sila ang gumagawa ng pinakamahusay na libreng AI prototyping at vibe coding tool sa market. Nag-prototyping ako sa AI Studio sa loob ng 6 na buwan na ngayon at ganap na itong nabago kung paano ako gumagawa ng mga produkto sa trabaho. Sa halip na magsimula sa mga spec at disenyo, magsisimula na ako ngayon sa mga prototype na maaari kong patunayan sa mga stakeholder at totoong user sa loob ng ilang oras. Panoorin ang aking tutorial sa mga bagong feature gamit ang AI. steps.Timestamps:(00:00) Waterfall vs. prototype-first product development(01:33) Ano ang maaaring buuin ng Google AI Studio (poker, image gen, games)(03:08) Step 1: Bumuo ng base template para sa kasalukuyan mong produkto(05:43) Step 2: Makipagtulungan sa iyong AI design partner para magdagdag ng bagong feature(10:32 na feature)(10:32) 4: Makipagtulungan sa iba sa prototype(15:05) Hakbang 5: Gawing isang tunay na produkto ang iyong prototype(16:12) Recap: Paano master ang AI prototypingManood ngayon sa YouTube o basahin ang nakasulat na gabay sa ibaba. Ipinagmamalaki kong makipagsosyo sa…LinearNakikipag-usap ako sa maraming kumpanyang katutubong AI at ang paraan ng pagbuo nila ay ganap na naiiba. Sa halip na gumawa ng manu-manong trabaho, nakatuon ang kanilang pinakamahuhusay na empleyado sa pag-delegate ng trabaho sa mga ahente ng AI sa pamamagitan ng pagbibigay sa kanila ng tamang konteksto at mga loop ng feedback. Binuo ang Linear para sa pinakamahusay na mga team na mag-onboard at makipagtulungan sa mga ahente ng AI. Nagbibigay ito ng transparency sa kung ano ang ginagawa ng mga ahente tulad ng Cursor at Codex at awtomatikong nagbibigay sa kanila ng konteksto mula sa Slack, support ticket, at iyong codebase.Subukan ang Linear para sa FreeP.S., kumukuha ako ng Senior PM para sa Creator Hub sa Roblox — ang platform na ginagamit ng milyun-milyong creator para buuin at palaguin ang kanilang mga laro. Kung mayroon kang 7+ taong karanasan sa PM (lalo na sa creator/gaming) at isang "get shit done" mindset, mag-apply dito. Bakit prototypes > waterfallsNarito ang pagkakaiba sa pagitan ng waterfall at prototype-led development: Ang Waterfall ay kapag nagsimula ka sa isang spec, gagawa ng disenyo ang designer, at pagkatapos ay ibibigay mo ang lahat sa engineering. Sa oras na makakuha ka ng feedback, namuhunan ka na ng ilang linggo. Ang pinamunuan ng prototype ay kapag nagsimula ka sa isang prototype na inuulit mo sa iyong team at mga tunay na user. Kapag na-validate mo na ang iyong ideya gamit ang prototype, pagkatapos ay gagawa ka ng spec at disenyo. Ang pangunahing pagkakaiba ay: Ang pagpunta sa prototype-led ay nakakatulong sa iyo na makuha ang katotohanan kung ano ang gusto ng mga user nang mas mabilis. Isang caveat: Sinabi ko na pinamunuan ng prototype, hindi prototype-only. Para sa mga kumplikadong produkto, dapat ka pa ring gumawa ng PRD at disenyo para makuha ang mga milestone at edge case. Para sa mga mas simpleng feature, maaari kang dumiretso mula sa prototype hanggang sa totoong produkto. Hayaang ipakita ko sa iyo kung paano. Ano ang gagawin naminPara sa tutorial na ito, maging meta tayo at magprototype ng bagong feature para sa Google AI Studio mismo. Gustung-gusto ko ang Google AI Studio dahil ito ay mabilis, libre, at direktang sumasama sa mga Google API tulad ng Nano Banana. Gayunpaman, sa tingin ko, masyadong abala ang interface ng AI Studio. Napakaraming button at toggle. Kaya't gumawa tayo ng prototype ng pinasimple na AI Studio sa pamamagitan ng pagsunod sa 5 hakbang sa ibaba.1. Buuin ang batayang templateMagsimula tayo sa pamamagitan ng pagkuha ng ilang screenshot ng mga screen ng Home at Build ng Google AI Studio at pagtatanong sa AI:Gulitin ang mga screen na ito nang mas malapit hangga't maaari. Subukang itugma ang mga istilo at kulay at gawin itong interactive. Bubuo na ngayon ang Google AI Studio ng gumaganang replika ng sarili nitong interface. Save it as “Google AI Studio template” and clone it before making changes. Sa ganitong paraan, madali kang makakapagsimulang muli mula sa kung ano ang live sa produkto ngayon kung magkamali. Maaari ding i-clone ng sinuman sa iyong koponan ang prototype sa parehong base.2. I-prototype ang featureNgayon, pasimplehin natin ang UX ng Google AI Studio. Una, kailangan nating magpasya kung ano ang pasimplehin. Gumawa tayo ng Gemini Gem na tinatawag na "UX designer" at i-set up ito tulad ng sumusunod:Itanong sa AI: "Bigyan mo ako ng prompt para gawin kang isang bihasang UX designer. Gusto kong makipagtulungan ka sa akin para pasimplehin ang UX para sa Google AI Studio." I-paste ang prompt na nabuo ng AI sa Gem at ibahagi ang ilang screenshot ng Google AI Studio. Ngayon, hilingin natin sa Gem: Gusto kong gawing simple ang interface ng Google Studio. Tingnan ang mga naka-attach na larawan at ilista ang nangungunang 5 bagay na pasimplehin. Magtanong muna sa akin ng anumang mga katanungan. Si Gemini ay magtatanong sa iyo ng ilang mga katanungan at gagawa ng isang listahan. Gumawa din ako ng ilang pananaliksik sa Reddit at ang nangungunang kahilingan ay magkaroon ng mga folder ng proyekto tulad ng Codex. Gamit ang pananaliksik na ito,hilingin natin sa AI na i-update ang ating prototype gamit ang prompt na ito: Magbasa pa
Gemini 3.1 + Bagong AI Studio ay Narito: Buong Prototyping Tutorial sa 18 Minuto
By Creator Economy
·
·
4 min read
·
536 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
