Webflow 是一個專業級的視覺化建站平台：使用者在瀏覽器的視覺化畫布中設計頁面版面、樣式與互動，平台即時產生對應的 HTML、CSS 和 JavaScript，完成的網站可以一鍵發佈到 Webflow 內建託管並綁定自訂網域。它解決的核心問題是讓設計師和內容團隊不必依賴工程師就能產出正式環境等級的網站——與 Wix、Squarespace 這類範本化工具不同，Webflow 的畫布直接對應 CSS 盒模型、Flexbox、Grid 等真實前端概念，設計自由度接近手寫程式碼。截至 2026-09-29，官方稱平台擁有 350 萬使用者和 900 多名分布 25 國的員工，並有超過 30 萬家機構在使用。

Webflow 首頁：面向團隊的視覺化建站平台

上圖是 Webflow 首頁（2026-09-29 截取）。首頁主標語為「Build for what's next」，強調團隊協作、內容發佈與轉換最佳化等平台能力，下方客戶牆列有 Spotify、Dropbox、TED、Reddit 等機構標誌。

網站速覽

  • 網址：https://www.webflow.com/
  • 類型：視覺化建站平台（Designer）+ CMS + 託管，另有電商、範本市集、社群畫廊等配套板塊
  • 費用：免費 Starter 方案可建站（webflow.io 子網域、2 個靜態頁面）；綁定自訂網域需付費網站方案，年繳 15 美元/月起（詳見下文定價節）
  • 註冊要求：瀏覽範本市集和 Made in Webflow 畫廊無需註冊；使用 Designer 建站需註冊帳號
  • 介面語言：僅英語（2026-09-29 查核，無多語言版本）
  • 營運方：Webflow, Inc.（美國德拉瓦州註冊，總部位於舊金山）

網站背景

Webflow 由 Vlad Magdalin、其弟 Sergie Magdalin 和 Bryant Chou 創立，官方 About 頁標註創立年份為 2013 年，同年夏天進入 Y Combinator S13 梯次。Vlad Magdalin 是九歲離開蘇聯的難民，創業初期曾背負約 3 萬美元信用卡債務維持開發（來源：Forbes 公司檔案）。

融資方面，Webflow 於 2021 年 1 月完成 1.4 億美元 B 輪，估值 21 億美元，2022 年 3 月再獲 Y Combinator Continuity 領投的 1.2 億美元 C 輪，估值 40 億美元；官方 About 頁給出的累計融資額為 3.35 億美元（截至 2026-09-29）。2024 年 6 月，時任總裁兼 COO 的 Linda Tong 升任 CEO，創辦人 Vlad Magdalin 轉任首席創新長（來源：Webflow 官方部落格）。

核心能力

視覺化 Designer 與程式碼產生。Designer 是平台核心：元素、類別、樣式的操作直接對應 HTML 結構和 CSS 屬性（含 Flexbox、Grid、變數、自訂屬性等），互動與動畫（含 3D 變換、基於 GSAP 的動效）也在畫布中完成。官方強調產生的是乾淨、符合 W3C 規範的語意化程式碼，付費 Workspace 方案可匯出為 ZIP 自行運用（來源：Features、定價頁 FAQ）。

CMS 與內容協作。內建 CMS 支援自訂內容結構（Collection）、動態範本頁和視覺化編輯；編輯者和客戶可以直接在頁面上修改文字和圖片而不需動設計稿。免費方案限 50 筆 CMS 項目，Premium 網站方案支援最多 20,000 筆（截至 2026-09-29，來源：定價頁）。

託管與發佈。網站發佈到 Webflow 託管（底層使用 Cloudflare CDN），官方稱達到 SOC 2 Type II、GDPR、CCPA 合規，企業級方案提供 99.9% 可用性 SLA（來源：首頁、定價頁）。每個網站自帶 webflow.io 預備網域、自動備份和一鍵還原。

範本市集。不想從零開始可以購買或使用免費範本——由社群創作者製作的專業設計，付費範本為一次性購買、獨立於託管訂閱，範本在 Designer 中可完全自訂（來源：Templates）。

Webflow 範本市集：按類別瀏覽免費與付費範本

上圖是 Webflow 範本市集（2026-09-29 截取），按 Portfolio & Agency、Technology、Blog & Editorial、Real Estate、Retail 等類別組織，範本標註免費或付費及是否內建 CMS、電商功能。

Made in Webflow 社群畫廊。官方維護的社群作品畫廊收錄「數千個」真實網站（官方文案，截至 2026-09-29），可按動畫、互動、CMS、電商、作品集篩選，許多作品開放 Clone——一鍵複製到自己帳號裡拆解學習或直接改造成起點。

Made in Webflow：可複製的社群網站畫廊

電商。獨立的電商網站方案支援自訂購物車與結帳流程，Standard 檔含 500 個商品並收 2% 交易手續費，Plus 與 Advanced 檔免交易手續費（截至 2026-09-29，來源：定價頁）。

擴充能力。對需要程式碼的場景，平台支援自訂程式碼嵌入、從程式碼庫匯入 React 元件（Code components）、REST API、Webhooks、OAuth、SDK 及 MCP server（可從 Claude、Cursor 等用戶端管理 CMS 與發佈），並有第三方應用市集（來源：Developers）。

定價結構

Webflow 的計費分「網站方案」和「Workspace（協作空間）方案」兩層，另有加購項目，以下為 2026-09-29 查核的年繳價格（來源：定價頁，均為美元、按月折算）：

Webflow 定價頁：網站方案與平台方案

  • 網站方案（按網站計）：Starter 免費（webflow.io 網域、2 個靜態頁面、50 筆 CMS 項目、1 GB 頻寬）；Basic 15 美元/月（自訂網域、300 個靜態頁面、10 GB 頻寬，不含 CMS）；Premium 25 美元/月（CMS、最多 20,000 筆項目、最高 2.5 TB 頻寬、站內搜尋、程式碼元件）。
  • 平台方案：Team 2,500 美元/月（年約，含本地化、發佈工作流程、活動日誌 API 等）；Enterprise 客製報價。
  • 電商網站方案：Standard 29 美元/月、Plus 74 美元/月、Advanced 212 美元/月。
  • Workspace 方案（按協作空間計）：Starter 免費（2 個預備網站）；Core 19 美元/月（10 個預備網站、自訂程式碼與程式碼匯出）；Growth 49 美元/月（不限預備網站、發佈權限）；面向自由工作者和代理商另有 Freelancer 16 美元/月與 Agency 35 美元/月兩檔。增購完整席位 39 美元/月/人。
  • 加購項目：Analyze 分析 9 美元/月起；Localize 本地化 Essential 9 美元/月、Advanced 29 美元/月；Optimize 轉換最佳化 299 美元/月起。

官方說明價格均為美元、另加適用稅費；隨時可取消，但已付的當期費用不退。學習資源方面，Webflow University 提供免費課程與教學，另有 100 美元一次的 Webflow Practitioner 認證考試（截至 2026-09-29）。

帳號體系與開放能力

  • 註冊帳號即可在免費 Workspace 中建站、試用範本，無需信用卡；瀏覽範本市集與社群畫廊不需要帳號。
  • 協作以 Workspace 為單位：可邀請團隊成員（完整席位／受限席位／免費審閱席位），代理商方案支援把網站帳單直接轉給客戶支付（Client payments）。
  • 開發者開放能力：REST API（新增、修改、刪除 CMS 項目、管理頁面與發佈）、Webhooks、OAuth 2.0、官方 SDK、CLI 和 MCP server；Marketplace 提供第三方應用與整合（來源：Developers）。
  • 程式碼匯出：付費 Workspace 方案可匯出網站的 HTML、CSS、JS 和資源檔案自行託管，但匯出是單向的——不能重新匯入 Webflow，CMS 動態內容需逐個 Collection 匯出，表單在站外停止運作（來源：定價頁 FAQ）。

版權與內容政策

按 2023 年 11 月生效的服務條款，使用者保留自己網站內容（Website Content）的所有權，但授予 Webflow 一項非專屬的全球授權，用於託管、展示、改進和推廣平台；Webflow 將使用者網站用於行銷展示的授權可透過郵件撤銷。平台本身及範本、市集內容另有 Template License Policy 等專門條款。

內容層面適用 Acceptable Use Policy（2022 年 10 月生效）：禁止垃圾郵件與釣魚、詐欺冒充、武器等受限商品、傷害性與非法內容、仇恨與剝削兒童內容、色情內容（教育、紀錄片、科學或藝術目的可酌情豁免）、不實資訊、侵犯智慧財產權及發佈敏感個人資訊等；違規可導致內容刪除、帳號暫停或終止，且官方聲明其認定是最終的。

適用場景

  • 設計師和自由工作者希望不交予工程師、自己產出可上線的客製網站；
  • 行銷與內容團隊需要自主發佈著陸頁和 CMS 內容、做 A/B 測試與轉換最佳化，而不必排隊等開發資源；
  • 代理商為客戶批量建站：範本＋元件庫＋客戶移交（Client payments、客戶編輯席位）是現成的交付流程；
  • 想學習現代網頁版面與互動的人，可以複製 Made in Webflow 的真實作品拆解研究，搭配免費的 Webflow University 課程。

局限

  • 介面僅英語，沒有中文或其他語言版本（2026-09-29 查核）。
  • 設計自由度對應的是學習成本：畫布直接暴露盒模型、類別、層疊等前端概念，對完全沒有設計或前端背景的使用者，上手曲線比純範本拖曳式建站工具陡。
  • 計費結構複雜且按網站疊加：網站方案、Workspace 席位、加購項目分開計價，網站多時成本上升較快；程式碼匯出、完整 CMS、發佈權限等關鍵能力都在付費檔。
  • 免費方案只能發佈到 webflow.io 子網域且限額較緊（2 個靜態頁面、50 筆 CMS 項目），實際營運網站基本需要付費。
  • 平台鎖定效應：CMS、表單和電商依賴 Webflow 託管；程式碼可匯出但不能回匯，動態內容和表單遷出後需要自行重建。
  • 客服支援主要為郵件管道，官方目標回覆時間為 48 小時內（來源：定價頁 FAQ），免費與低檔方案沒有即時支援。

同類參考

  • Framer：同樣面向設計師的視覺化建站工具，定位更輕、更偏行銷頁與原型直接上線。
  • Wix Studio：Wix 面向專業代理商的產品線，範本化程度更高、上手門檻更低。
  • Squarespace：以範本品質著稱的大眾化建站工具，客製自由度不及 Webflow。
  • WordPress：開源自託管路線，生態最大但需要自行維護主機、外掛與安全更新。

參考資料