Framer（framer.com）是荷蘭阿姆斯特丹 Framer 公司開發的網站設計與發布平台：你在類似 Figma 的自由畫布上設計頁面，然後直接從同一工具發布成正式網站，不必把設計稿交給工程師重做。與 Wix、Squarespace 這類範本化建站工具相比，它可核實的差異是設計自由度——畫布、元件與動效的運作方式接近專業設計工具；與「設計工具 + 開發平台」的傳統流程相比，它把 CMS、託管、SEO、分析與 A/B 測試收進同一個產品。收錄理由：這是建站工具領域成長最快的產品之一——官方稱截至 2025 年 8 月平台每月活躍使用者超過 50 萬、承載數十萬個網站，Perplexity、Miro、Scale AI、Mixpanel、Zapier 等公司的官網運行在 Framer 上，2025 年 8 月公司以 20 億美元估值完成 1 億美元 D 輪融資。

站點速覽

  • 網址：https://www.framer.com/
  • 類型：無程式碼網站設計與發布平台（自由畫布編輯器 + CMS + 託管 + 成長工具）
  • 費用：Free 免費方案 0 美元；Basic 10 美元/月、Pro 30 美元/月（皆為按年付價格，月付較高）；Enterprise 客製報價。額外編輯席位 20 美元/月，檢視者免費。截至 2026-09-19，見官方定價頁
  • 註冊要求：免費註冊即可使用編輯器並發布到 framer.website 子網域；綁定自訂網域需付費方案（定價頁 FAQ）
  • 介面語言：英文，未見多語言介面選項（2026-09-19 觀察）；除瀏覽器外另有桌面應用程式（官方下載頁）
  • 建站上線時間：專業建站工具 2022 年 5 月推出（官方 Series C 部落格）

下圖為 2026-09-19 的官網首頁，標語「Framer is the design agent for every step from idea to launch」直接點出目前的產品重心——畫布內的 AI 設計 Agent：

Framer 官網首頁：標語「Framer is the design agent for every step from idea to launch」，提供免費開始與桌面應用程式下載入口

站點背景

Framer 由 Koen Bok 與 Jorn van Dijk 在阿姆斯特丹創立。兩人先前共同創辦設計工作室 Sofa，2011 年 Sofa 被 Facebook 收購，兩人隨後在 Facebook 擔任產品設計（Business Insider 2025 年 9 月專訪）。創立年份有兩種說法：PitchBook 等資料庫記為 2014 年（同上專訪引述），而官方 2023 年部落格自述「We started Framer in 2015」，本文並列兩種來源。

公司早期產品是面向設計師的高保真互動原型工具。官方在 2023 年的 Series C 部落格中回顧：2021 年前後他們注意到低保真與白板工具在更大族群中流行，於是轉向新方向——讓設計工具直接產出正式網站。2022 年 5 月，Framer 的專業建站工具上線，此後保持高速成長（官方 Series C 部落格，2023-09）。

後續關鍵節點：

  • 2023 年 9 月：完成 2700 萬美元 C 輪融資，Meritech Capital 領投（官方 Series C 部落格）。
  • 2025 年 8 月 28 日：宣布 1 億美元 D 輪融資，估值 20 億美元，由既有股東 Meritech 與 Atomico 領投，WiL 與 HV 參投（官方 Series D 部落格；Reuters 與 TechCrunch 同期報導）。官方同期揭露：平台每月活躍使用者超過 50 萬，數十萬個網站運行在 Framer 上，公司過去一年達到損益平衡，並稱「最近一期 Y Combinator 公司近半數用 Framer 上線官網」。
  • 開源關聯：Framer 早年開源的 React 動畫函式庫 Framer Motion 已獨立發展為 Motion 專案（motiondivision/motion，MIT 授權，截至 2026-09-19 約 3.37 萬 stars 且仍活躍維護）。

核心能力：從畫布到上線的完整鏈路

自由畫布設計。 編輯器的運作方式接近 Figma：頁面、圖層、資源面板，桌面／平板／手機響應式中斷點，元件與動效系統。官方強調「設計即發布」——畫布上的成果不需工程交接即可上線；2025 年推出的 On-page Editing 讓營運人員不開啟畫布就能修改文案、更換圖片、新增頁面（官方 Series D 部落格）。

內建 CMS。 以集合（Collections）與欄位（Fields）建模部落格、徵才、活動等結構化內容，並與畫布直接綁定。免費方案可試用 10 個集合用於搭建與預覽；付費 Basic 方案含 2 個集合，Pro 方案含 10 個集合，Pro 透過加購套件最高可擴充至 4 萬筆 CMS 項目（定價頁及 FAQ，截至 2026-09-19）。

下圖為官網展示的平台模組，可以看到 SEO 設定、本地化進度、託管、Analytics 與 A/B 測試皆內建於同一產品：

Framer 官網展示的平台模組：SEO 設定、本地化語言進度、託管與安全、Analytics 即時訪客與瀏覽量、A/B 測試變體比較

託管與成長工具。 網站託管於 Framer 基礎設施，官方宣稱 99.99% 可用性並針對 Core Web Vitals 最佳化；付費方案支援自訂網域、網址重新導向、Staging 環境與附預覽的分支（Branching）。內建 Analytics 提供即時訪客、不重複訪客、頁面瀏覽量與跳出率；A/B 測試以 Convert 加購套件提供，最多 5 個並行測試；本地化（Localization）按語言管理翻譯進度（官網首頁與定價頁，2026-09-19）。

AI Agent。 2026 年的產品敘事已從「AI 建站」升級為「設計 Agent」：設計 Agent 原生運作於畫布上，直接產生與修改頁面；CMS Agent 負責建立、整理與更新內容；程式碼 Agent 把自訂效果與互動轉為程式碼放進網站。Framer 亦可連接外部 Agent——從 Slack 修改文案、從終端機觸發 CMS 變更、經 GitHub PR 發布，官方列出的支援對象包括 Terminal、Codex、Claude Code、Cursor（官網首頁，2026-09-19 觀察）。AI 功能按 credits 計量：免費方案提供一次性 500 credits 試用，Basic 每月 1,000，Pro 每月 3,000，工作區內共享（定價頁）。

費用與帳號

下圖為 2026-09-19 的官方定價頁（按年付價格）：

Framer 定價頁：Free 0 美元、Basic 每月 10 美元、Pro 每月 30 美元、Enterprise 客製；額外編輯席位每月 20 美元

計費結構有兩個重點（官方定價頁及 FAQ）：

  • 按網站訂閱：方案綁定單一已發布網站，營運多個網站需分別付費；各方案主要差異在 CMS 規模、頻寬（Basic 50 GB / Pro 100 GB）、SEO、重新導向、Staging、分支與加購套件資格。
  • 席位另計：額外編輯 20 美元/月，檢視者免費；無訂閱的工作區最多支援 3 名編輯協作。

免費方案可發布真實網站，但只能使用 framer.website 子網域、頻寬 1 GB，且 AI credits 為一次性試用額度。付款方式為信用卡（部分地區支援 PayPal）；歐盟與土耳其使用者依法享有 14 天退款（定價頁 FAQ）。Enterprise 方案提供自訂限額、不限編輯人數、可用性保障、SCIM 與 SSO（Enterprise 頁）。

開放能力與生態

開發者可透過 Server API 把 Framer 接入自家產品，或讓外部 Agent 遠端操作 Framer 專案（對應官網「Connect to any agent」能力）。內容生態方面，官方營運範本與元件市集 Marketplace，社群作者可發布付費範本；官方部落格與 Academy 持續更新教學。平台本身不開源，開源部分僅有獨立出去的 Motion 動畫函式庫。

適用場景

  • 新創公司與行銷團隊：需要快速上線並持續迭代官網、落地頁；官方揭露的 Perplexity、Miro、Scale AI 等客戶案例皆屬於這類「行銷網站全託管」場景。
  • 設計師主導的團隊：熟悉 Figma 式畫布、希望跳過設計—開發交接流程的團隊，學習成本主要在畫布操作本身。
  • 內容型行銷網站：CMS + 本地化 + SEO + 分析 + A/B 測試內建於同一產品，適合需要多語言、多版本實驗的行銷網站。
  • 範本創作者：Marketplace 提供範本銷售管道。

局限

  • 介面僅英文：編輯器與說明文件均為英文，未見官方中文介面（2026-09-19 觀察），團隊有中文協作需求時需留意。
  • 免費方案難以商用：免費網站只能掛在 framer.website 子網域、頻寬 1 GB，自訂網域必須付費；AI credits 僅為一次性試用。
  • 多網站成本疊加：按網站計費意味著每個網站單獨訂閱，編輯席位再按 20 美元/月另計；月付價格高於文中按年付報價。
  • 託管鎖定：網站運行在 Framer 自有基礎設施上，官方未提供整站程式碼匯出與自架方案（觀察），遷出平台基本意味著重建。
  • AI 計量不透明：credits 按操作類型消耗，官方只公布各方案額度與「升級或加購」路徑，單次操作的具體消耗規則未在定價頁公開。
  • 編輯器面向桌面端：核心畫布編輯依賴桌面瀏覽器或桌面應用程式；On-page Editing 支援在已發布頁面上微調文案與圖片，但行動裝置無法完成完整設計工作（官方 Series D 部落格及產品觀察）。

同類參考

  • Webflow：同領域老牌產品，2013 年成立於舊金山，同樣提供視覺化建站 + CMS + 託管，版面模型更接近 CSS 盒模型，學習曲線更陡。
  • Wix / Squarespace：範本化建站代表，官方 Series D 部落格直接把這兩者列為上一代對照——Framer 主打的是「專業、高流量、品牌級」網站。

參考資料