在昨天舉行的 Webflow Conf 2025 大會上，Webflow 發表了一系列革命性的新功能，標誌著網頁設計進入全新的 AI 驅動時代。隨著人工智慧持續改變整個行銷漏斗，Webflow 推出的這些創新工具讓設計師、開發者和行銷人員能夠從靈感提示直接到產品上線，打造真正脫穎而出的品牌體驗。
這次更新讓 Webflow 快速成為唯一一個超越 AI 原型階段的企業級網站建構工具，幫助團隊推出完整規模的 AI 驅動體驗，並搭配世界級的託管服務、強大的 CMS 系統，以及業界領先的視覺設計工具。
🤖 AI 功能全面革新：重新定義網頁開發流程
智能對話夥伴：重新設計的 AI 助手
Webflow 將原本的 AI 助手完全重新構想，打造成一個真正理解你網站的智能對話夥伴。這個升級版助手不再只是簡單的工具，而是能夠協助團隊處理複雜任務的協作伙伴。
核心能力提升：
- 深度網站理解：AI 助手現在能夠完整讀取你的網站結構、樣式系統和 CMS 內容
- 智能任務編排：無論是建立新版面、重構區塊以符合類別命名系統、調整樣式、更新 CMS 內容，或是將區塊轉換為組件，AI 助手都能理解並執行
- 精準變更建議：基於對網站的深度理解，提出具體的改進建議
- 完全控制權：所有變更都需要你的同意，確保不會失去對設計的控制權
- 品牌一致性保護：在加速工作流程的同時，絕不妥協品牌的一致性
這個重新設計的概念讓團隊能夠更快速地工作，同時保持對品質和品牌標準的嚴格控制。
升級版 AI 助手將於年底向所有 Webflow 客戶開放。
突破性創新：AI 驅動的程式碼生成
Webflow 在大會上展示了兩項令業界震撼的程式碼生成功能，真正實現了從提示到生產環境的無縫銜接。
1. 生產級網頁應用程式生成
這項功能讓非技術團隊也能建構強大的互動工具，徹底打破了技術門檻的限制：
- 一鍵部署：生成的應用程式可以無縫部署到 Webflow Cloud
- 豐富應用場景：包括儀表板、價格計算器、預約系統等複雜互動工具
- 企業級整合：這些應用程式可以完美整合到現有的 Webflow 網站中
- Astro 框架支持：採用業界領先的內容驅動網站框架 Astro
- 策略合作宣布：Webflow 正式宣布成為 Astro 開源專案的贊助商
2. React 程式碼組件生成
AI 助手現在還能生成基於 React 的程式碼組件，這些組件可以在 Webflow 內部進行視覺化自訂和更新：
- 設計系統整合：利用你現有的設計系統建構組件
- 可重複使用：建立強大的 UI 元素，可在整個網站中重複使用
- 視覺化編輯：在 Webflow 界面中直接自訂和更新這些組件
- 無縫整合：與 Webflow 的現有工作流程完美整合
AI 程式碼生成功能將於明年初向所有客戶開放，可以在這裡申請搶先體驗
搜尋優化革命：AI 驅動的 SEO 工具
隨著大型語言模型開始介入用戶和內容之間的互動，優化網站以適應 AI 搜尋變得前所未有的重要。Webflow 的新 AI SEO 工具正是為此而生：
核心功能：
- 智能內容生成：使用 AI 助手協助撰寫關鍵的 SEO 文案，包括 alt 文字、meta 資料
- 結構化資料支援：自動生成 schema 標記，提升在搜尋引擎的表現
- 優化機會識別：在審核面板中新增 AI 功能，幫助識別新的優化機會
- 雙重優化：同時針對傳統搜尋引擎和大型語言模型進行優化
- 可存取性提升：改善網站的可存取性和整體效能
AI SEO 工具將於下個月向所有客戶開放
Webflow MCP 伺服器更新
Webflow 還展示了 MCP (Model Context Protocol) 伺服器的重要更新：
- 直接 Canvas 互動：現在可以直接與 Webflow Canvas 互動
- AI 環境整合：讓用戶可以從偏好的 AI 環境中直接在 Webflow 中建構
- 工作流程無縫化：進一步整合 AI 工具到日常工作流程中
🚀 協作體驗革命：打破團隊合作的界限
即時協作：消除協作障礙
Webflow 推出的即時協作功能徹底改變了團隊的工作方式，讓多人同時在同一個專案上工作成為可能：
功能特色：
- 同步作業：團隊成員可以同時在 Webflow 中工作，甚至在同一頁面上協作
- 即時更新：所有變更立即同步，每個人都能看到最新狀態
- 衝突避免：智能衝突解決機制，避免意外覆蓋他人的工作
- 角色權限：不同角色擁有適當的編輯權限
- 效率提升：無論是更新登陸頁文案、建立新頁面，還是設計首頁新區塊，都能更快完成
使用場景：
- 設計師和開發者同時調整不同區塊
- 內容編輯者即時更新文案
- 專案經理同步監控進度
- 客戶直接參與設計過程
即時協作功能目前提供私人測試版，年底向所有客戶開放。可以在這裡申請測試版存取權
Comment-Only 評論連結：簡化回饋流程
為了讓回饋收集更加順暢，Webflow 推出了僅評論連結功能：
- 無需帳戶：利害關係人無需建立 Webflow 帳戶就能參與評論
- 快速分享：一鍵生成分享連結
- 集中回饋：所有評論統一收集，方便管理
- 權限控制：僅提供查看和評論權限，不影響網站安全
僅評論連結功能將於年底向所有客戶開放
Interactions with GSAP 重大更新
今年稍早，Webflow 發布了 Interactions with GSAP 功能，讓設計師能夠為網站帶來驚豔的動效和互動性。在這次大會上，Webflow 宣布了一系列強化功能：
新增控制功能：
- 載入控制：更精確控制 Interactions 在網站上的載入時機和位置
- 響應式優化：確保網站在各種裝置上都能保持響應速度
- 可存取性設定：為訪客提供新的可存取性選項
- 效能最佳化：在規模化應用時確保網站效能
即將推出：
- LottieFiles 整合：支援更進階的動畫功能，預計年底推出
這些 GSAP 更新將於年底向所有客戶開放
Component Canvas：設計系統管理革命
隨著網站複雜度的增長，擁有強大的設計系統變得越來越重要。Component Canvas 提供了結構化的組件管理環境：
核心優勢：
- 獨立編輯環境：在頁面外的專屬環境中建立和編輯組件
- 樣式變更追蹤：即時查看樣式變更對整個網站的影響
- 級聯效果可視化：清楚了解組件變更的連鎖反應
- 多情境預覽：在不同情境下預覽組件效果
- 品牌一致性保障：為團隊提供足夠的結構，讓創意發揮不會危及品牌一致性
Component Canvas 將於年底向所有客戶開放
Code Components：程式碼與設計的完美融合
對於需要更複雜功能但無法在 Webflow 視覺編輯器中實現的設計，Code Components 提供了完美解決方案：
功能特色：
- DevLink 整合：使用 DevLink 從外部程式碼庫匯入 React 組件
- Canvas 直接使用：匯入的組件可以直接在 Webflow Canvas 上使用
- 視覺化編輯：像編輯其他 Webflow 元素一樣編輯、本地化和優化這些組件
- 設計資源重用：充分利用現有的設計資源
- 進階 UI 建構：創建更複雜的使用者界面元素
適用方案：
- CMS 和 Business Site 方案
- 所有付費 Workspace 方案
Code Components 現已開始向符合資格的客戶推出
🗄️ 內容管理與架構升級
下一代 Webflow CMS：為 AI 時代而生
Webflow 宣布推出完全重新架構的下一代 CMS 系統，這是一項重大的基礎投資，專為滿足 AI 優先世界的靈活性和規模需求而設計：
架構革新：
- 完全重新架構：從根本上重新設計，以應對現代內容管理需求
- 自訂儲存系統：處理大型、複雜的資料集，隨著業務成長而擴展
- Collection 能力大幅提升：在不影響效能的前提下呈現更豐富的內容
- 效能最佳化：即使處理大量資料也能保持優異效能
API 開放政策：
- Content Delivery APIs 全面開放：所有 Webflow 客戶都能使用
- 跨通道內容管理：從同一個內容資料庫管理所有通道的內容
- Headless 前端支援：支援無頭前端架構
- 多平台分發：解鎖多表面分發能力
這項升級讓 Webflow 不僅是一個網站建構工具，更成為一個完整的內容管理平台。
下一代 Webflow CMS 和擴展的 Content Delivery APIs 將於年底向所有客戶推出
持續的 Cloudflare 合作夥伴關係
為了確保內容能夠可靠地託管和分發到全球各地，Webflow 持續與 Cloudflare 合作，將 Webflow 的託管基礎設施遷移到 Cloudflare 的全球網絡：
網絡規模：
- 全球覆蓋：橫跨 125 個國家的 330 個城市
- 網絡連接：連接到 13,000 個網絡
- 效能提升：為所有 Webflow 客戶提供更快、更安全、更可靠的網站
AEO 成熟度模型：答案引擎優化
在現代答案引擎優化 (Answer Engine Optimization, AEO) 時代，了解你的內容在哪個位置變得至關重要。Webflow 推出了 AEO 成熟度模型：
評估四大支柱：
- 內容品質：內容的相關性和價值
- 技術架構：網站的技術優化程度
- 權威性：內容和網站的可信度
- 測量分析：數據追蹤和分析能力
這個全面評估幫助你了解網站內容在大型語言模型搜尋中的表現能力，讓你能夠更快觸及目標受眾，並在個人層面了解他們的需求。
📊 個人化與分析工具強化
表單管理功能全面升級
Webflow 推出了新的表單更新，提供更好的資料管理和轉換控制：
表單層級設定：
- 獨立通知配置：每個表單可以獨立配置通知設定
- 自訂收件人：為不同表單設定不同的通知收件人
- 個別化通知郵件：每個表單可以有專屬的通知郵件格式
垃圾郵件管理：
- 專屬垃圾郵件收件匣：提供更好的可見度和管理功能
- 簡化審查流程：更容易審查、管理和恢復被標記為垃圾郵件的提交
- 智能過濾：減少誤判，提高有效提交的接收率
表單層級設定和垃圾郵件收件匣功能將於年底向所有客戶開放
Webflow Analyze 重大更新
今年稍早，Webflow 推出了將行為資料直接整合到 Webflow Canvas 的視覺分析功能，在設計界面中直接顯示點擊活動和滾動熱圖等洞察。
本次新增功能：
1. AI 流量洞察
- AI 來源追蹤：更深入了解來自 AI 推薦來源的訪客行為
- 支援平台：包括 ChatGPT、Claude、Perplexity 等主要 AI 平台
- 行為分析：分析這些新型流量來源的獨特行為模式
- 轉換優化：針對 AI 推薦流量優化轉換策略
2. 進階目標報告
- 直接整合：在 Webflow 中直接追蹤轉換目標
- 即時監控：即時了解訪客和流量的轉換情況
- 詳細分析：深入分析不同來源的轉換表現
- 策略調整：基於數據快速調整行銷策略
目標報告和 AI 推薦流量洞察將於本月底向 Analyze 和 Optimize 客戶開放
使用 AI 助手進行優化
去年，Webflow 推出了 Webflow Optimize，讓團隊能夠直接在 Webflow 中執行優化實驗，並透過 AI Optimize 提供真正的 1:1 個人化服務。
今年的 AI 助手整合：
- 深度個人化實驗：AI 助手協助在幾分鐘內建構深度個人化的實驗
- 洞察收集簡化：更容易收集有價值的用戶洞察
- 實驗決策支援：AI 協助決定應該執行哪些實驗
- 效率大幅提升：有 AI 在旁協助，整個優化流程變得更快速、更精準
🔮 展望未來：Webflow Conf 2026
這次 Webflow Conf 2025 的發表只是一個開始。從 AI 驅動的設計革命到企業級的協作工具，從下一代 CMS 到智能優化系統，Webflow 正在重新定義網頁設計和開發的未來。
對台灣設計師和開發者的意義：
- 降低技術門檻：AI 程式碼生成讓更多創意人員能夠實現複雜的技術構想
- 提升工作效率：即時協作和 AI 助手大幅減少重複性工作
- 國際化優勢：強大的 CMS 和多語言支援讓台灣品牌更容易走向國際
- AI 時代準備：AEO 優化和 AI 流量洞察幫助品牌在 AI 搜尋時代保持競爭力
下一步行動建議：
- 現有用戶：開始試用 Code Components 和申請即時協作測試版
- 新用戶：評估 Webflow 是否適合你的下一個專案
- 開發團隊：考慮整合 Webflow MCP 到現有的 AI 工作流程
- 企業客戶：規劃如何利用下一代 CMS 改善內容管理策略
如果你錯過了這次的發表會，可以在 webflowconf.com 觀看主題演講的隨選錄影，分組討論的錄影也將在未來幾週內陸續上線。
想了解更多 Webflow Conf 2025 的詳細內容，也可以聽聽 Webflow 執行長 Linda Tong 和產品長 Rachel Wolan 的分享！
Nora UX
