Google Antigravity 做 UI prototype，Figma 個位點擺？

件事點睇

XDA 作者 Nolen Jonker 用 Google Antigravity 頂咗 Figma 一星期，專門做 UI prototype，標題話快咗一半。呢句要先收窄嚟睇：佢係單一作者、單一題目嘅個人體驗，唔係 benchmark；TechLab 亦冇親手實試。值得睇嘅位，係 AI coding agent 開始拎走「第一個可互動草圖」呢段工夫。以前你喺 Figma 畫 frame、駁 prototype link，做到尾都係一個扮 app 嘅 demo；而家 agent 直接生 HTML、CSS、JS，開 localhost 畀你撳，早期討論即刻多咗一層現實感。

圖片：Google Antigravity

XDA 呢次試咗咩

據 XDA 原文，Jonker 叫 Antigravity 做一個 habit tracker dashboard：五張 habit card 橫向捲動、tap-to-check 動畫、會更新嘅 streak counter、weekly progress dot matrix、floating action button、add-habit modal，仲有六個 icon、六隻色同 empty state。Antigravity 先出 implementation plan 等佢批，跟住喺本機 project folder 生成 index.html、style.css、app.js 同 Node server；作者話大約七分鐘後就喺 localhost 跑到。佢亦提到 agent 自己加咗 Google Fonts、glassmorphism header、confetti 動畫同吉祥物，呢啲唔係作者逐項寫落 prompt。

圖片：Google Antigravity

佢快喺邊

最慳時間嗰 part，其實係少咗好多假互動；視覺靚唔靚反而要之後再執。Figma prototype 當然可以做轉場同 clickable flow，但 streak counter 會唔會真係加、modal 入完資料有冇 state、empty state 點返嚟，傳統 design tool 多數要靠 designer 手動砌假象。Antigravity 呢類工具一開始就輸出可跑 code，所以產品經理、freelancer、internal tool 小隊可以好快睇到「呢個 flow 係咪順」。對早期 B2B dashboard、admin panel、booking form、報表頁，呢種草圖好啱用，因為用家反而會先問：我撳完有咩發生？資料會點變？

Figma 個位仲好穩

Figma 冇咁易俾呢類 agent 取代。Figma 官方 Dev Mode 本身就係為 design handoff 而設，有 spec inspection、frame version compare、ready for dev status、annotation、JIRA / Storybook / GitHub 等整合；Figma Make 亦已經可以用自然語言生 code-backed prototype，再喺 canvas 入面改。再加上 Figma MCP server 可以俾 AI agent 讀 variables、components、layout data，仲可以寫返 native Figma content，Figma 嘅價值其實係 team 嘅 source of truth。同一套 component、token、spacing、accessibility rule，唔可以靠每次 prompt 隨機撞出嚟。

Antigravity 啱咩人

我會擺 Antigravity 喺產品草圖同工程 spike 中間。香港做 SaaS、agency、freelance project、公司內部工具嗰啲，最痛通常係需求講咗半日都冇人知實際畫面點郁；用 agent 先砌一個可撳版本，開會時直接試，快過喺 deck 入面講十頁。Designer 可以用佢逼清楚 interaction，developer 可以睇到 data state 同 edge case，老闆就少啲只係望靚圖改顏色。不過去到正式交付，仍然要返 Figma 或設計系統定稿，再入 Git、code review、測試同部署節奏。

風險唔細

第一個風險係維護。AI 生出嚟嘅 code 好容易有過度 styling、奇怪 state handling、未拆 component、冇 test，prototype 變 product 時就要有人執乾淨。第二係設計一致性；同一個 prompt 今日出 glassmorphism，聽日出另一套 card style，冇 design token 約束就會愈做愈散。第三係私隱同版本控制。Google Antigravity Terms 寫明會收集 user data、interaction data、metadata 同 feedback，亦話員工同 contractor 可能 access、view、review 同 use interactions；FAQ 話可以喺 Settings opt out data collection。呢啲條款未搞清楚之前，客戶資料、未公開 roadmap、真 credential、production database schema 都唔應該放入去。

收費同可用性要先查

官方 pricing 頁列明 Individual 係 $0/month，Plans 文件就講免費用量係 weekly quota，Google AI Pro / Ultra 有高啲 quota；Pro / Ultra baseline quota 係每五小時刷新，Pro 仍受 weekly limit 約束。最麻煩係可用地區：Antigravity FAQ 話只支援 approved geographies，同埋要睇你 Google Terms of Service country；官方 FAQ 清單暫時搵唔到 Hong Kong。換句話講，香港 team 如果想靠佢開案，要先用公司會用嗰個 Google account 試登入、試 quota、試 model selector，唔好排好時間表先發現用唔到。

分工應該咁擺

Antigravity 呢類 agent 最啱用嚟搶第一版可互動草圖：產品想法未穩、interaction 未講清楚、內部工具想快啲試手感，佢可以好快畀你一個可撳可改嘅版本。Figma 就繼續放喺設計決策、component library、handoff、版本同 team 協作。兩邊最好有清楚界線：agent 生嘅 code 當 spike，入 repo 前要人審；Figma 入面嘅 component 同 token 當正式標準。下一步值得睇嘅，係 Figma MCP 同 Antigravity 呢類工具可唔可以穩定咁接住同一套設計系統，唔使每次由零開始估。

參考來源

• XDA Developers — I used Google Antigravity instead of Figma for a week, and my UI prototypes are done in half the time — original report
• Google Antigravity Pricing — 確認 Individual $0/month、Pro / Ultra 同基本 plan 描述。
• Google Antigravity Plans — 確認 baseline quota、weekly limit、Pro / Ultra 刷新節奏同用量計法。
• Google Antigravity FAQ — 確認地區可用性、Google account region、data collection opt-out 同支援限制。
• Google Antigravity Terms — 確認 Interactions 資料收集、員工同 contractor 可能 review 嘅條款。
• Google Antigravity Download — 確認官方下載平台有 macOS、Windows 同 Linux 版本。
• Figma Make — 對照 Figma 自己嘅 prompt-to-prototype / code-backed prototype 方向。
• Figma MCP Server Introduction — 確認 Figma MCP 可畀 AI agent 讀取 design context、components、variables 同寫返 canvas。

本文根據原文及公開資料整理；資料有出入時，以原文及官方資料為準。