Webflow MCP 2.0 讓 Claude、ChatGPT、Cursor 等 AI 代理程式在聊天視窗中完成網站設計、建構與管理，提供設計系統上下文、代理指令、Analyze 效能資料、分支隔離與活動日誌稽核，全方案免費啟用。
Webflow MCP 2.0：代理式網頁工作流程的新基礎設施
Webflow 正式推出 MCP 2.0（Model Context Protocol），大幅擴充 AI 代理程式在 Webflow 平台上的能力。透過 MCP 2.0，Claude、ChatGPT、Cursor 等 AI 工具可直接在聊天介面中執行設計、建構、內容管理與效能分析等高影響力工作，同時保有品牌一致性、治理控制與稽核追蹤。
核心功能
1. 設計系統就緒，代理程式可直接套用
- 完整樣式、元件與屬性支援：代理程式可存取 Webflow 的樣式、元素、元件（含 props、slots、variants），確保產出內容符合品牌規範且易於長期維護。
- 動態內容綁定：將元素與元件連結至 CMS 資料，CMS 更新即時反映至所有出現位置。
- 平行建構：你與代理程式可同時在多個頁面或網站作業，不再需要 Bridge App 即可達成大多數用例。
範例：將一資料夾的客戶案例研究提供給 Claude，它能依現有設計系統建立 CMS Collection 頁面，並自動產生與發布每一頁，將數小時工作縮減為幾分鐘。
2. 代理指令：統一上下文來源
- 集中重要資源：指向設計系統、CMS 內容、法律文件、品牌語調指南等，讓代理程式擁有完整上下文。
- 定義技能與規則：指示代理程式如何完成任務、如何運用資源，加速產出可上線成果。
- 跨平台可用：指令同時適用於 Webflow AI 與透過 MCP 連接的第三方代理程式。
引述：「代理指令將我的建構時規則變成網站的作業系統——同樣的語調、品牌與合規護欄隨 MCP 隨網站出貨。不僅我管理網站更容易，我的客戶也能。」—— Michael Wells, Sygnal Managing Director
3. 網站效能洞察整合進 AI 工作流
- 對話式分析：在聊天中詢問流量趨勢、表現最佳頁面、互動事件、停留時間、流量來源等，即時獲得洞察。
- 跨工具串聯：將 Analyze 資料透過 MCP 分享給 Amplitude、Slack、Asana 等其他連接器，形成代理式工作流。
範例：請 ChatGPT 分析本週網站表現、標記流量下滑頁面、發送摘要至 Slack、在 Asana 建立調查任務，全程在一次對話完成。
4. 規模化協作的安全護欄
- 分支隔離：代理程式在安全、隔離的分支環境迭代變更，再推送至正式站點。
- 嚴格存取控制：完整遵循 Webflow 帳號角色與權限，含自訂角色、站點/集合/頁面/語系層級的細粒度權限。
- 活動日誌稽核：記錄每次 MCP 觸發的變更、觸發者、影響範圍；亦可透過 MCP 直接查詢日誌，加速稽核。
可用性與定價
- 即日起上線：所有 Webflow 站點方案均可使用，無額外費用。
- 功能存取遵循現有方案額度、角色與權限，團隊可立即開始代理式建構。
後續路線圖
Webflow 目標為全功能對等：未來你在 Webflow UI 能做的一切，代理程式也將能透過 MCP 完成。若想了解下一步發展，可參加 Webflow Conf。