Framer 是什麼？AI 做網站在台灣多少錢、免費版限制，我量了 10 個 Framer 網站

想做一個好看的網站，又不想碰程式，常會聽到兩個名字：Wix 和 Framer。Wix 大家比較熟；Framer 在設計師之間很紅，作品集、新創公司的官網，常常是用它做的。

這篇講 Framer 是什麼、從台灣看要花多少錢、免費版能做到哪、AI 功能怎麼算錢。先交代：我沒有 Framer 帳號，沒有用它做過網站，功能和規則都是依官方的定價頁、說明中心和部落格。我實際做的是另一件事：從台灣量了 10 個用 Framer 發佈的網站，看它做出來的網站快不快、搜尋引擎讀不讀得到。

想先看幾家 AI 網站生成器並排比較，在 AI 網站生成器怎麼選。

Framer 是什麼

Framer 原本是設計工具，後來變成做網站的平台。用起來的感覺比較像 Figma：在一張畫布上排版、調字型和間距、加動畫，排好按發佈，就是一個真的網站，主機和網址都由 Framer 處理。

它跟一般架站工具最大的差別，是排版的自由度。Wix 這類工具多半從版型開始改；Framer 比較像在做設計稿，每個區塊都能細調，所以設計師用得順手，做出來的網站也比較有設計感。代價是對完全沒碰過設計工具的人來說，一開始會有點陌生。

網站做好之後，內容可以用它的 CMS 管理，例如部落格文章、作品集項目；也能做多語言版本、看流量統計。

AI 能做什麼

2026 年 6 月，Framer 推出 3.0 版，把 AI 代理放進畫布裡。官方列的用途包括：用一句話或一張截圖生成頁面、把頁面改成手機版也好看、寫文案和 SEO 描述、整理 CMS 的內容、檢查壞掉的連結和無障礙問題、把網站翻成其他語言。生出來的東西都是可以在畫布上繼續改的頁面，不是一張圖。

另一個方向是外部代理：讓你電腦上的 Claude Code、Codex 或 Cursor 接進來改 Framer 的網站。官方說明的做法是先確認 Node.js 是 24 版以上，執行一次 npx @framer/agent@latest setup，再把 Framer 專案的網址貼給 AI，第一次連線時在瀏覽器授權。它能更新 CMS 內容、翻譯、設定轉址、新增或修改頁面；刪除、改名、搬移頁面和改網站設定目前還不行。Claude Code 是什麼，在 Claude Code 教學。

從台灣看，要花多少錢

我 10 月 14 日從台灣用瀏覽器打開定價頁，顯示的是新台幣：

• 免費方案：0 元。
• Basic：年繳每月 137 元，月繳 205 元。
• Pro：年繳每月 411 元，月繳 615 元。
• Enterprise：要找業務談。

這比我預期的便宜。同一頁用指令直接抓下來、不經過瀏覽器，顯示的是 Basic 10 美元、Pro 30 美元；照匯率換算，台灣看到的新台幣價格不到美元標價的一半。看起來 Framer 對台灣有另一套比較低的定價。頁面底下寫，結帳時會依所在地另外加稅；我沒有帳號，沒有走到結帳那一步，實際刷卡的金額要以結帳畫面為準。

方案之間差在幾個地方。Basic 可以接自己的網域、拿掉 Framer 的標誌，有 30 個頁面、2 個 CMS 集合、每月 50 GB 流量、1,000 點 AI 點數，官方說適合個人和小工作室。Pro 有 150 個頁面、10 個 CMS 集合、100 GB 流量、3,000 點，多了測試環境、轉址、A/B 測試等商用功能，頁面和流量不夠還能單獨加購。年繳的方案都送一個網域。

要多人一起編輯，每多一位編輯者年繳每月 274 元；只改內容的內容編輯者便宜一半，只能看和留言的人免費。

免費版能做到哪

免費方案可以真的把網站發佈出去，網址會是 你取的名字.framer.website 這種 Framer 的網域。官方列的限制有：每月流量 1 GB、上傳檔案限 5 MB、不能接自己的網域、網站上會有 Made in Framer 的標誌。標誌要等你接上自己的網域或升級付費方案，再重新發佈一次才會消失。

比較特別的是，定價頁寫免費方案的專案可以用 10 個 CMS 集合、1,000 個頁面，比 Basic 還多。這跟它的定位有關：官方把免費方案當成試用、當設計工具或做範本用，真正卡住你的是網域、標誌和流量。

還有一句要注意：官方寫免費方案適合非商業用途。拿來練習、做作品集草稿可以，公司官網或要接案收錢的網站，就該用付費方案。

AI 點數怎麼算

Framer 的 AI 用點數計算。官方部落格列了用預設模型時的大概用量：生成一整頁約 300 點，把一頁改成手機版約 150 點，大修改約 100 點，小修改約 50 點。換算下來，Basic 每月 1,000 點大約能生 5 頁，Pro 的 3,000 點大約 10 頁。不夠可以加購，從 1,000 點起跳。

代理可以選不同的模型，部落格的表上，Sonnet 4.6 是預設模型的 0.9 倍點數，Opus 4.8 是 1.8 倍。生出來的結果不滿意，可以按 Mark as Bad，點數會退回來。

免費方案的點數，兩份官方資料寫法不太一樣：定價頁寫「送 500 點試用」，6 月的部落格則寫每天 500 點、每天重置、不能累積，而且每個月的總量會比 Basic 的 1,000 點少。總之免費的點數夠試幾個頁面，不夠真的做網站。

如果你已經付了 Claude 或 ChatGPT 的訂閱，用外部代理改 Framer 的網站，用的是你自己的訂閱，不扣 Framer 的點數，這是官方部落格特別提的。

實測：從台灣量 10 個 Framer 網站

我沒辦法自己做 Framer 網站，但可以看別人做好的。Framer 的範本市集裡，每個範本都有一個發佈在 framer.website 的示範網站，正好是 Framer 主機實際送出來的東西。我挑了 10 個，從我在台灣的電腦用 curl 各抓一次首頁。

速度：10 個網站的伺服器，都在 0.15 到 0.18 秒之間開始回應，整頁 HTML 抓完在 0.32 到 0.97 秒。HTML 本身不小，從 220 KB 到 1.1 MB，因為版面樣式和字型的設定都寫在裡面。

回應標頭裡有一行 Framer 自己加的 server-timing，寫著 region;desc="ap-northeast-1" 和 country;desc="TW"，也就是它認出我在台灣，由東京的機房送出，而且是已經快取好的版本。Framer 官網本身也一樣是從東京送。

搜尋引擎相關的標記：10 個都有 canonical 網址，robots 標記寫的是允許大圖預覽，沒有一個禁止索引。文字內容直接寫在 HTML 裡，不用等程式跑完才出現，搜尋引擎抓得到。每頁也都標了 generator 是 Framer。這些只代表搜尋引擎「讀得到」，有沒有真的被收錄、排名如何，我沒有查。

Made in Framer 標誌：10 個裡有 9 個在 HTML 裡帶著它，是一個連到 framer.com 的小連結，固定在畫面右下角。它加了 data-nosnippet，也就是告訴 Google 不要把這段字放進搜尋結果的摘要裡。剩下沒有標誌的那 1 個，我推測是作者付了費，但沒辦法確認。

中文字型是台灣人會在意的事。中文字型檔很大，載入慢會拖累網站速度。Framer 的說明文件寫，用 Google Fonts 的字型會自動切成小檔，瀏覽器只下載頁面用到的部分，也可以上傳自己的字型檔。我沒辦法在 Framer 裡實際放一套中文字型測，但看了一個接近的例子：Framer 官網的日文版。我用瀏覽器打開它，整頁只下載了 7 個字型檔、共 69 KB，全是英文字型；日文的標題沒有另外載入日文字型，是用裝置內建的字型顯示。中文網站如果不特別指定中文字型，也會是這個效果：中文字用裝置內建的字型顯示，例如 Mac 的蘋方、Windows 的微軟正黑體，實際用哪一套要看系統和網頁的語言設定。好處是不用多下載字型，壞處是每台裝置看到的字不太一樣。

範本：免費的多，付費的 29 到 149 美元

不想從白紙開始，可以從範本市集挑一個改。我 10 月 15 日打開 Framer 的範本市集，用預設的熱門排序看第一頁，24 個範本裡有 16 個免費、8 個要付費，付費的是 29、39、49、49、129、129、129、149 美元。範本由社群的設計師上架，分類有作品集、軟體和 SaaS、代理商、電商、專業服務、健康、出版、房地產、餐旅、活動十大類。

每個範本都有示範網站可以直接打開看，上面那 10 個網站就是這樣量的。買了範本只是拿到起點，網站要發佈到自己的網域，還是要另外付 Framer 的方案費用。

誰適合用 Framer

適合：重視設計感的作品集、新創或工作室的官網、活動頁；團隊裡有人會用 Figma 這類工具；想用 AI 生初稿，再自己細調。

不太適合：需要購物車和金流的網站，我在定價頁上沒看到這類功能，要賣東西得另外接其他服務；完全不想碰排版、只想填空的人，Wix 這類從版型開始的工具會比較直覺；要做很多頁、很多內容的網站，要留意各方案的頁面和 CMS 上限。

想用講的就讓 AI 把整個網站或小工具寫出來，可以看 Lovable AI 是什麼，那是另一種做法：AI 直接寫程式，你看結果。

這篇沒有測的

用 Framer 的編輯器實際做網站、AI 代理生頁面的品質、點數實際用多快、外部代理的設定流程。我沒有 Framer 帳號。

結帳時的實際金額和稅、免費方案用完流量會怎樣、網站實際被 Google 收錄的情況。

想看 Framer 跟 Wix、Durable、Hostinger AI Builder 的免費方案和月費並排，在 AI 網站生成器怎麼選。