Webflow AI 迎來一波重大升級：MCP server 擴大支援 Data APIs 與 Designer APIs、全新 AI Assistant 變得更像可協作的 teammate、加入 AI‑powered code gen、Optimize 的 AI 建議已上線、以及更聰明的 AI SEO 稽核工具即將開放全站使用者。
這些更新的共同目標是把重複性工作交給 AI，讓團隊更快在 Webflow 內規劃、預覽並直接套用變更，同時維持品牌一致與品質控管。
重點更新
- Webflow MCP server 現在能與 Data APIs 和 Designer APIs 互動，AI 工具可即時讀取站點與 CMS 結構，並把 AI 助力直接帶進 Webflow 畫布。
- 全新 Webflow AI Assistant 提供更智慧的對話式協作，能理解站點與設計系統，協助規劃、預覽、並直接在 Webflow 套用變更。
- AI‑powered code gen 讓你生成可投產的 web apps 與可重用元件，Beta 申請開放，預計明年初全面提供。
- Webflow Optimize 新增 AI 建議，可快速產出變體（標題、CTA、文案等）並依 CRO 最佳實務啟動測試，今日即可使用。
- AI‑powered SEO 增強稽核面板，能全站檢查 alt、meta 標題/描述與 schema 標記並給出建議，預計下月提供所有客戶。
Webflow MCP Server：AI 工具的新樞紐
Webflow MCP server 讓像 Cursor、Claude 之類的 AI 工具以 Model Context Protocol 即時理解你的站點、集合與物件，並透過安全的工具層進行查詢與更新。
最新進展是它不只接上 Data APIs，還能對接 Designer APIs，讓 AI 在 Webflow 畫布中協助建立/修改設計元素、管理樣式與響應式版面。
若要開始，前往開發者文件取得 token 並在 AI 客戶端註冊 MCP server；官方 GitHub 專案也提供範例與版本資訊。
AI Assistant：你的智能協作夥伴
重新構想的 Webflow AI Assistant 不只是聊天工具，而是能理解站點架構與設計系統、支援「agentic」工作流程的協作夥伴。
它能在 Webflow 內幫你規劃、預覽並直接套用變更，同時保持品牌一致與設計準則，讓團隊在不犧牲控管的前提下加速交付。
先前版本已能從語境生成樣式區塊與 CMS 內容，新版將擴大這些能力並整合到更流暢的站內體驗中。
Code Gen：打造可投產的 Web Apps
AI‑powered code gen 讓團隊可以在 Webflow 生態建立可投產的 web apps（像 dashboards 或 booking tools）以及可重用的 code components，同步符合品牌與內容策略。
功能目前開放 Beta 申請，官方表示將於「明年初」提供所有客戶，建議先評估內部元件庫與資料模型以便上手更順利。
這對需要把 Webflow 打造成更完整應用平台的團隊特別有幫助，能補足動態互動與資料驅動頁面的自訂需求。
Optimize 建議：加速 CRO 實驗
Webflow Optimize 現已提供 AI‑powered suggestions，能基於頁面現有內容快速提出新標題、精煉 CTA 或調整文案，作為實驗的起跑點以提升互動與轉換。
操作上，你可以直接用 AI 建議建立實驗變體並啟動測試；官方文件示範如何在最佳化流程中套用與衡量這些變體。
若已採用多變量或個人化，Optimize 的 AI 能節省大量起草時間，讓你把精力放在假設與解讀結果上。
AI SEO：全站稽核更智慧
AI‑powered SEO 讓 Webflow 的 Audit 面板更聰明：它能全站找出 alt、meta 標題、meta 描述與 schema markup 的缺口，並依照最佳實務給出修補建議。
這對大型站點或多人協作特別重要，因為稽核能把隱形瑕疵顯性化，讓內容與技術 SEO 的衛生因子保持在線。
官方指出此功能將於「下個月」對所有客戶開放，建議先整理既有結構化資料策略與命名規範以便快速採用。
馬上能做的三件事
- 設定 MCP Server
在 Cursor 或 Claude Desktop 設定 MCP server，授權專案並先跑只讀指令驗證連線，再嘗試安全的寫入測試。 - 開始 Optimize 實驗
用 Optimize 的 AI 建議快速拉出 2–3 個高影響變體（標題、CTA、首屏文案）開始實驗。 - 追蹤更新節奏
追蹤 AI at Webflow 與 Advancing Webflow AI 的更新節奏，提早規劃 code gen 導入清單與元件化策略。
功能總覽表
| Feature | What it does | Availability | Best for |
|---|---|---|---|
| Webflow MCP server | 讓 AI 工具即時讀站點/CMS，並透過 Data/Designer APIs 將 AI 輔助帶進畫布 | 已提供，持續擴充工具與 Designer 連動 | 想把 AI 代理導入內容營運與設計工作流的團隊 |
| Webflow AI Assistant | 站內對話式協作：理解設計系統、規劃/預覽/套用變更與內容產出 | 年內提供全客戶（官方路線圖） | 多人協作、需維持品牌一致與速度的團隊 |
| AI‑powered code gen | 生成可投產 web apps 與可重用元件，貼合品牌與內容 | 明年初全面提供；Beta 申請中 | 要把 Webflow 擴成應用平台的產品/工程/設計團隊 |
| Webflow Optimize | AI 建議快速產出變體（標題、CTA、文案）加速實驗 | 今日可用（Optimize 方案內） | 追求效能成長與更快 CRO 迭代的成長/行銷團隊 |
| AI‑powered SEO | 稽核面板用 AI 找出全站 alt/meta/schema 缺口並給建議 | 下月開放所有客戶 | 有規模內容庫或多人維運的 SEO/內容團隊 |
延伸閱讀
- Webflow AI 與 Webflow MCP Server 案例與 FAQ
- Webflow Conf 2025 重大發表：AI 驅動設計革命
- 如何將 CRO 和 UX 完美結合，成為營收驅動力
- 2025 SEO 趨勢＆GEO 新戰局：用戶至上、AI 驅動、體驗優先
FAQ
Webflow 如何在其平台上運用 AI？
Webflow 將 AI 融入整個網站體驗平台，為您提供強大的工具，協助您更有效率地建立、管理和優化網站。Webflow AI 提供 AI 驅動、情境式的協助、想法和生成式 AI 工具，讓您能夠創造強大的網路體驗。Webflow Optimize 外掛程式包含 AI Optimize 功能，該功能使用機器學習來建立量身定制的訪客體驗，以最大化轉換率，並使用 Webflow AI 協助您在幾次點擊中啟動實驗或個人化設定。Webflow Localization 外掛程式利用機器學習來翻譯您的網站，以服務全球受眾。來自 Webflow Marketplace 和 Webflow MCP 伺服器的 AI 驅動應用程式，透過解鎖新功能和改善 Webflow 客戶的工作流程，擴展了 Webflow 的功能。
Webflow AI 能做什麼？
Webflow AI 提供七種功能，以嵌入式工具的形式在您的工作流程中與您相遇，協助您建置、管理和優化您的網站。首先，它可以使用 Webflow 的 AI 網站建置器，從頭開始建置整個網站和設計系統。其次，它可以為您的網站產生和完善與上下文相關的文案，無需使用佔位符文字，並幫助您更快地發佈內容。第三，它可以修改頁面設計，創建符合您需求的新區塊，同時保持您網站的設計風格。第四，它可以產生 CMS 集合項目，無論是單個還是批量，從而簡化內容管理。第五，它可以根據 CRO 最佳實踐提供優化建議。第六，它允許您根據最佳實踐稽核和改進 SEO。最後，它透過搜尋 Webflow 的文件並直接在平台內提供答案來提供上下文幫助。
Webflow AI 也包含聊天體驗，它就像一個聰明的對話夥伴，涵蓋所有 Webflow 支援的工作流程，協調您網站上的複雜任務，並滿足與程式碼產生以及使用 Web 應用程式、元件等擴展您的網站相關的更廣泛需求。
Webflow 有 AI 網站產生器嗎？
Webflow 具備 AI 網站產生器，讓您在幾分鐘內產生具有可擴展設計系統的完整網站，無需程式碼或設計專業知識。 透過提供有關您專案的基本詳細資訊，AI 網站產生器會建立一個完整的、響應式網站，然後您可以自訂該網站以符合您的願景。 該工具使專業網頁設計能夠為希望快速啟動網站同時保持創意控制的企業、代理商和自由工作者所用。
除了建立網站的結構和初始首頁設計之外，Webflow AI 還能協助您修改頁面設計，並建立網站的後續頁面，這些頁面會自動與您網站現有的樣式和設計系統相符。這確保了整個網站的一致性，同時加速了建置過程。
我可以在 Webflow 中整合第三方 AI 工具嗎？
Webflow 透過 Webflow Marketplace 和 Webflow MCP 伺服器擴展其 AI 功能。您可以整合 AI 驅動的應用程式，例如 Adobe Express 以建立視覺內容、Jasper 以產生符合品牌形象的內容，以及 Relume 以建構網站。Webflow MCP 伺服器讓您可以安全地將 Webflow 連接到您偏好的 LLM、IDE 或代理平台，從而簡化 CMS 管理、SEO 優化和網站維護工作流程。這些整合讓您可以自訂您的 AI 工具組，同時保持 Webflow 作為您的中央開發平台。
是什麼讓 Webflow 的 AI 方法與其他網站產生器不同？
Webflow 的 AI 功能獨特地整合到專業級的網站體驗平台中，而不僅僅是一個基本的網站建立工具。與其他將 AI 視為附加元件或獨立工具的平台不同，Webflow 的方法將 AI 深入嵌入到整個設計和開發工作流程中，了解您網站的上下文、樣式和內容，以保持所有產生元素的一致性。AI 不僅僅是創建通用內容或版面配置，它還在您現有的設計系統中工作，自動應用您網站的類別和變數，以確保品牌一致性。
Webflow 的平台讓團隊能夠打造高效能、以轉換為中心的網站，同時又不犧牲創意掌控權。該平台結合了 AI 驅動的創作工具與先進的優化功能，例如機器學習驅動的 A/B 測試和個人化，同時保持專業設計師、行銷人員和開發人員所需具備的彈性和強大功能。這表示您可以在享受 AI 帶來的速度優勢的同時，又不會被鎖定在僵化的範本中，也不會失去自訂網站各個層面的能力。
Webflow 的 AI 功能有什麼限制嗎？
Webflow 的 AI 功能可以協助您完成建立、管理和優化網站的每個階段。Webflow AI 功能的存取權限會因工作區和網站方案類型而異，並取決於是否購買 Webflow Optimize 和 Webflow Localization 外掛程式。根據功能和產品的不同，某些功能的使用量可能會受到限制。
Webflow 會使用客戶資料來訓練 AI 模型嗎？
客戶資料不會用於訓練任何生成式 AI 模型。對於任何第三方模型，Webflow 會確保與第三方供應商簽訂協議，禁止他們使用任何客戶資料來訓練其模型。Webflow 處理客戶資料是為了回應請求提示，不會使用輸入/輸出內容來建立新的 LLMs。查詢和回應不會跨客戶分享。如需更多資訊，請參閱 Webflow 的產品條款。
Webflow 的 AI 功能是由哪些第三方 AI 供應商提供技術支援？
Webflow 與一流的模型和值得信賴的供應商合作，為其 AI 產品提供支援。第三方 AI 供應商會經過與其他供應商相同的安全與合規供應商盡職調查審查流程。Webflow 對於任何可能與之進行業務往來並可能存取其資料系統和/或機密資訊的供應商，都會進行盡職調查評估流程。
Webflow 如何保護客戶資料的安全，並支援符合相關法規？
Webflow 以注重隱私的方式使用 AI。Webflow 擁有有效的 SOC 2 Type II、ISO 27001、ISO 27017 和 ISO 27018 認證，這些認證都肯定了我們對保護數據和堅持嚴格安全控制的承諾。隨著 AI 法規的發展，我們積極評估並調整內部控制，使其符合 ISO 42001 和歐盟 AI 法案等新興框架。這種前瞻性的方法有助於確保我們對 AI 的使用保持負責任、合規，並服務於我們社群的信任。
我該如何開始使用 Webflow 的 AI 功能？
Webflow AI 功能的存取權限會因工作區和網站方案類型而異，並取決於是否購買 Webflow Optimize 和 Webflow Localization 外掛程式。Webflow 的生成式 AI 功能需要企業客戶選擇加入，非企業客戶可以選擇退出使用此功能。所有客戶都可以在工作區層級控制生成式 AI 功能的存取權限，企業客戶則有額外的控制權。如果可用，只需點擊平台上導覽元素和選單中出現的 AI 圖示，即可輕鬆開始使用 Webflow 的 AI 功能。
以上更新聚焦把「Webflow AI」變成你的團隊夥伴：把重複交給機器，把時間還給創意與影響力工作。
