AI 工具實戰

AI 做網站,工具選錯白費力:從完全零基礎到有技術底子,這張地圖幫你找對起點

底迪

AI 寫網站工具比較 2026:Claude Code、Cursor、Antigravity

有人在我的留言問:「Claude Code、Cursor、Antigravity,哪個最好用?」

我的第一個反應是:這個問題問錯了。

就像問「計程車、捷運、腳踏車,哪個最好用?」——

答案取決於你要去哪裡,你現在在哪裡,你能不能騎腳踏車。


這幾個工具,我都試過了。

問題是,它們根本不是在競爭同一群用戶。

把它們放在一起比「哪個最好」,就像把 Canva 和 Figma 和 VS Code 放在一起比——不是哪個更強,是你現在在哪個階段。

先搞清楚一件事:你懂終端機嗎?

在我說任何工具之前,你需要先回答這個問題:

你懂不懂終端機(Terminal)?

A 選項:我從來沒打開過終端機,我甚至不知道它在哪裡。

B 選項:我知道終端機是什麼,偶爾用過,但不熟。知道什麼是檔案、資料夾、基本 Git 操作。

C 選項:我可以用終端機做基本操作,理解程式碼的基本結構,有一定的開發環境概念。

答案決定你的起點。這不是「哪個比較強」的問題,是「哪個符合你現在的需求」。


A 選項:Wix 或 Framer——真正的零技術起點

如果你從來沒打開過終端機,我要先說清楚一件事:

Claude Code、Cursor、Antigravity,這三個工具你現在都不適合。

這三個都是程式碼編輯器(IDE),你還是要面對程式碼、終端機、Git。門檻比你想的高很多。

真正的零技術起點,是 WixFramer

Wix:最老牌的拖拉式網站建構工具。用問答的方式生成網站,拖拉元素調整版面,不需要任何技術知識。它最方便,可以讓網站最快上線,基礎功能最完整(像是電商、預約系統),但版面自由度有限,設計容易看起來是套模板的。

Framer:2026 年成長最快的 AI 網站工具之一。輸入一段文字描述,AI 生成網站雛形,然後在視覺介面上調整。比 Wix 的設計自由度高很多,做出來的東西更有個性,但學習曲線比 Wix 稍陡一點。非常適合個人品牌、作品集、新創 Landing Page。

兩個的共同點:不需要終端機、不需要 Git、不需要想像,直接看模板。

兩個的限制:客製化程度有上限。超出它們支援的範圍,你會撞牆。而且你的網站等於架在它們的平台上,類似寄戶口,而不是把戶籍放在自己家。

如果你只記得一件事:完全零技術的人,先從 Wix 或 Framer 開始。做出第一個網站之後,需要客製化,再考慮下面的工具。


B 選項:Cursor——有一點基礎的人的最佳起點

如果你知道終端機是什麼、有基本的檔案和 Git 概念,但不太會寫程式——

Cursor 是你的起點。

Cursor 是一個圖形介面的程式碼編輯器,裡面包含內建 AI 模型,還有 Anthropic, Google 等公司開發的模型。

你打開 Cursor,你的專案的所有程式碼都在眼前,AI 在旁邊輔助你:幫你補全程式碼、幫你修改、幫你 debug。

你主導,AI 執行。

這個模式對有一點基礎的人來說非常直覺:你看得到 AI 在做什麼,可以判斷它做得對不對,出了問題也比較容易找到。

優點: 彈性高、可以做高度客製化的結果、主流框架都支援、已經有兩年以上的穩定用戶基礎。

缺點: 需要你能理解「我的網站是由一堆程式碼檔案組成的」這件事。完全零基礎的人一開始會很吃力。

一句話定位: 你的 AI 程式碼助理。你決定每一步,AI 幫你跑得更快。


C 選項:Claude Code 或 Antigravity——有技術背景的人的兩條不同路

如果你有終端機習慣、理解 Git、對自己的開發環境有一定掌握度——

這個階段有兩個工具值得認識,但它們的設計哲學完全不一樣。

Claude Code:你說要做什麼,它直接在你的環境裡做完

Claude Code 跑在終端機裡。

你輸入任務,它直接讀取你的整個專案、修改多個檔案、執行測試、看結果、再調整,然後告訴你做完了。

你比較像一個指派任務的 PM,不是一個邊寫邊調的工程師。

適合的場景: 跨多個檔案的大型修改、自動化重複性工作流、需要「跑完一整串任務」而不是「一個一個確認」的工作。

費用: 需要 Claude Pro($20/月)或以上,從你的 token 額度扣,沒有額外費用。

Antigravity:Agent 自主執行,你在終點驗收

Antigravity 是 Google 在 2025 年 11 月推出的 AI 程式碼編輯器,需要下載安裝。

它有兩個視窗:Editor View(跟 Cursor 很像的程式碼編輯介面)和 Manager View(讓多個 AI Agent 同時跑不同任務的指揮台)。

最大的特點是它的 Planning Mode:在執行之前先列出計畫讓你確認,再讓 Agent 去跑。而且它有瀏覽器整合——做完之後,它自己打開 Chrome 測試結果,截圖給你看。

但有一件事要說清楚:

Antigravity 的免費版在 2025 年 12 月被砍了 92% 的額度,2026 年 3 月又改成不透明的 Credit 制。付費版(Pro $20/月)也有用戶回報被鎖的問題。它目前的穩定性和定價透明度,都比 Cursor 差很多。

適合的場景: 想嘗試「把整個任務交給 AI Agent 自主執行」的工作流;做個人專案、可以接受不穩定狀況的人。

不適合: 需要穩定可靠工具做商業專案的人,目前還是 Cursor 更成熟。

如果你只記得一件事:Claude Code 和 Antigravity 都是給有技術背景的人用的 IDE,門檻比 Cursor 高,不是零基礎的替代品。兩者之間,Claude Code 目前更穩定,Antigravity 更有實驗性。


你的工具地圖

你的程度推薦工具核心邏輯
完全零技術,沒用過終端機Wix / Framer視覺介面,今天就有成果
有一點基礎,知道 GitCursorAI 程式碼助理,你主導
有技術背景,要自動化Claude Code任務交給 AI,終點驗收
有技術背景,想嘗試 AgentAntigravity多 Agent 並行,實驗性強

我的建議

不是「哪個最好」,是你的學習路徑:

現在是 A 選項 → 用 Wix 或 Framer 先做出你的第一個網站。感受到它不夠用的那天,是你開始學 Git 和終端機的時候。

現在是 B 選項 → 用 Cursor,這是目前最穩定、資源最多、最有社群支持的選擇。

現在是 C 選項 → Claude Code 是更穩定的日常工具;Antigravity 值得試試它的 Agent 工作流,但不要把它當主力工具,目前的額度問題還沒解決。


那個問「哪個最好」的人,我後來問他:「你打開過終端機嗎?」

他說沒有。

我說:「那先不要碰 Claude Code、Cursor 或 Antigravity。去用 Wix,做出你的第一個網站。那才是你現在的起點。」

Instagram:@your_ai_buddy_


常見問題

Q:Wix / Framer 和 Claude Code / Cursor / Antigravity,最根本的差別是什麼?

Wix 和 Framer 是「平台型」工具——你的網站在它們的系統裡,你在視覺介面操作,不需要接觸任何程式碼。Claude Code、Cursor、Antigravity 是「程式碼編輯器」——你擁有自己的程式碼,AI 幫你寫和修改,但你需要有基本的技術概念才能用。

Q:Framer 和 Wix,哪個更適合個人品牌網站?

Framer 做出來的設計質感通常更好,AI 生成的網站不那麼「模板感」,而且效能表現比 Wix 佳。如果你的目的是個人品牌、作品集、或新創 Landing Page,我更推薦 Framer。如果你需要電商、預約系統等完整業務功能,Wix 的生態系更完整。

Q:Antigravity 現在免費嗎?

有免費版,但 2025 年 12 月被砍了 92% 的額度,現在只適合少量測試用。付費方案是 Pro($20/月)和 Ultra($249.99/月),但定價透明度差,建議到官網確認最新狀況再決定。

Q:Claude Code 和 Cursor 可以同時用嗎?

可以,很多開發者這樣搭配——用 Cursor 做日常的程式碼編輯和細部修改,用 Claude Code 跑需要自動化的大型任務。兩個工具不衝突,是不同場景的選擇。

Q:這些工具做出來的網站,SEO 表現如何?

Cursor 和 Claude Code 的 SEO 最可控,因為你自己選技術框架、掌握所有程式碼。Framer 的 SEO 基礎不錯,效能表現好。Wix 的 HTML 結構比較冗,SEO 能力有限。進階 SEO 優化,不管哪個工具都需要額外處理。