Webflow AI

Webflow AI是什麼？

Webflow AI是Webflow視覺化網站開發平台中的一組人工智慧功能，可應用於網站建立、版面設計、文案與CMS內容生成、SEO及AEO優化、互動式程式碼組件、應用程式開發，以及提供相關的協助功能。它並非獨立的圖片生成工具，而是直接整合在Webflow Designer、CMS以及網站運營流程之中。

Webflow原本以可視化的HTML、CSS編輯方式以及響應式設計功能而著稱，而AI功能的加入則進一步降低了從空白畫布開始打造網站的門檻。使用者可以先利用AI來生成網站的架構，再運用Webflow的佈局、樣式、元件、動畫、CMS及託管功能，來完成一個完整的網站。

AI Site Builder智能建站

AI Site Builder會根據企業或專案的說明，自動生成網站的主題、首頁結構以及設計規範。使用者在選定方向之後，可以調整顏色、字體、按鈕以及佈局，接著再進入Designer進行進一步的編輯與發布。

此功能適用於新專案和原型開發，並非用來將 AI 應用到任何已有的 Webflow 網站上的通用轉換工具。根據官方說明，它只能用於建立新網站時，或是繼續編輯原本由 AI Site Builder 所生成的網站。

多頁面網站生成

在AI生成的網站中，使用者可以繼續建立關於我們、聯絡資訊、團隊等頁面。如果沒有付費的Site plan或Workspace plan，AI網站通常只能有兩個靜態頁面，而自動生成的Style Guide頁面則不計入其中。

付費方案可生成更多頁面。

頁面生成後應檢查導航、表單、連結、行動端佈局以及重複內容。AI創建的頁面並不會自動完成法律聲明、隱私政策、Cookie同意以及真實業務數據的設定。

AI設計區塊

Webflow AI Assistant可以根據現有網站的樣式和內容來生成新的頁面區塊，並盡量與原有的設計系統保持一致。它很適合用來快速添加定價、功能說明、顧客評價、FAQ、CTA等常見的版塊。

設計區塊目前仍會受到模板、網站來源以及功能發布階段的限制。在產生結果時，需要檢查類名、組件的重複使用情況、斷點樣式以及可訪問性，如此才能避免為每個區塊複製大量難以維護的樣式。

可視化設計與響應式控制

在AI生成完成之後，使用者仍可透過Webflow Designer來控制格子布局、Flexbox、定位、字體、變數、組件、互動動畫，以及不同的螢幕斷點。與那些只能產生靜態截圖的AI設計工具相比，Webflow AI的成果可以直接用於真正的網頁開發流程中。

可視化操作本質上仍在創建前端結構與CSS。團隊最好建立命名規範、組件庫和設計變數，以避免多次由AI生成所造成的樣式重複與頁面體積增加。

AI文案生成與改寫

Webflow AI能夠在頁面及CMS中創建、縮短、擴寫或調整文案的語氣，同時也能生成SEO標題和描述。要使用這些文案生成功能，通常需要購買Workspace或Site plan服務，而相關操作會消耗AI積分。

品牌文案應提供受眾群體、價值主張、禁用詞以及相關事實資料。AI可能會產生無法證實的客戶數量、效果承諾或產品功能描述，因此在發布之前，必須由業務負責人進行核對。

CMS內容生成

使用者可以讓 AI 生成 CMS Collection 專案，用於部落格、案例、成員資料、目錄以及內容型網站。它能有效加快初稿的建立速度，以及結構化欄位的設定速度，特別適合那些已經有明確內容架構的團隊使用。

批量內容要防止重複、關鍵字堆砌和事實錯誤。圖片版權、作者資訊、發布時間、引用和結構化數據仍應人工檢查，重要內容不應直接無審核發布。

SEO與AEO優化

Webflow AI可協助生成和改進頁面標題、描述，以及技術層面的SEO與AEO建議。AEO著重於讓內容更易被問答引擎和AI搜尋理解，相關功能會隨著方案和產品版本的更新而進一步擴充。

AI建議不等於排名保證。網站還需處理搜尋意圖、內容品質、內部連結、規範地址、索引、效能、結構化數據以及外部權威信號。

AI Code Components

AI Code Components讓使用者能夠透過提示來建立定價計算器、多步驟表單、圖庫等React互動元件。編輯介面同時提供程式碼、預覽以及AI對話功能，AI會參考網站的樣式和變數來生成元件。

建立組件需要相應的網站角色，並且必須啟用 Webflow AI；而要發布包含 AI Code Components 的網站，則還需要 CMS Site plan 或更高階的方案，同時還需要付費的 Workspace plan。

生成代碼必須測試輸入校驗、行動端、錯誤狀態、依賴與安全風險。

AI應用生成

Webflow正將AI功能從行銷網站擴展到Web應用程式，可結合Webflow Cloud與開發工具，打造更為複雜的全堆疊式體驗。應用程式的生成與一般靜態頁面的部署、運算及資料需求不同，應根據當前的可用功能範圍及帳戶方案來判斷。

對於那些對登入、資料庫、支付以及伺服器邏輯有較高要求的專案，就需要另外設計權限管理、資料儲存、日誌記錄以及錯誤回復機制。AI雖然可以縮短建置時間，但無法取代應用程式的架構設計與安全審核。

上下文幫助助手

Webflow AI Assistant可在Designer內檢索官方幫助中心，為當前操作提供說明和思路。該上下文問答目前不消耗Webflow AI積分，但存在問題次數限制，接近上限時產品會提示重設時間。

助手的回答可能出錯，或無法即時反映界面的最新變更。在處理帳單、發布內容、刪除資料以及設定網域名稱等事項時，應持續參考官方的說明頁面及帳戶提示。

Webflow Optimize

Webflow Optimize用於個性化與測試，透過AI協助打造並優化不同的訪客體驗。它屬於獨立的附加產品，其AI功能不會消耗Workspace的通用AI積分，而是根據Optimize本身的計費方式來收費。

實驗需要足夠的流量、明確的指標以及統計判斷。不能只因某個短期版本的轉化率更高就永久替換，也必須檢查品牌一致性、頁面性能和隱私合規性。

Webflow Localize

Webflow Localize可處理站點結構的本地化、不同語言版本的建立以及翻譯流程，同時還能運用AI來協助翻譯內容。Localize也有其獨立的定價體系，其AI功能不會從通用的AI積分中扣除。

自動翻譯需審核品牌名稱、法律文本、貨幣、日期、SEO元數據及地區表達。語言版本還需要正確配置URL、語言標記和發布流程。

Webflow Analyze與數據

Webflow的網站分析功能，能幫助團隊了解流量及頁面表現，而新的AI互動功能則可根據分析數據來提問。至於Analyze的購買方式與功能範圍，應以獨立的產品頁面為準，不能假設它已包含在一般的AI積分或Site plan中。

數據分析結果需要結合時間範圍、流量來源和轉化定義來解釋。在樣本量較少的情況下，AI的總結容易將隨機變化誤寫成趨勢。

Workspace與Site plan的差異

Workspace plan用於管理團隊、席位、專案開發能力以及AI積分；Site plan則負責某個網站的自訂域名發布、流量託管，以及頁面與CMS的額度管理。

一個團隊可能同時支付Workspace、多個Site plan以及Optimize、Analyze、Localize等附加產品。

僅購買Workspace並不代表所有網站都能以自訂域名上線；僅購買Site plan也不一定開放全部團隊和開發能力。

选购時應分別核對協作、AI、託管和附加產品。

AI積分如何計算？

AI積分會根據工作區來分配，並由成員共同分享。擁有Full或Limited席位，且角色符合要求的成員，才能使用需要積分的功能。

自助Workspace按月重設，Team和Enterprise按年重設，未用積分不會結轉。

消耗比例是動態的，Webflow並未公佈每次操作的固定費用表。複雜的任務通常比簡單的任務需要更多的資源，實際使用情況可於Workspace的Usage頁面中，依功能來查看。

哪些功能消耗AI積分？

目前會消耗積分的主要功能包括生成文案、CMS專案、SEO與AEO改進、AI Code Components以及AEO agents。AI建站、設計區塊、應用程式生成和上下文幫助目前不消耗這套通用積分。

Webflow可能會逐步將更多功能納入積分體系。目錄中的額度與消耗規則應以當前賬戶的使用頁面為準。

免費Starter額度

Starter Workspace每個月提供200點AI積分，讓用戶能長期免費使用Webflow的基本功能。不過，免費版所允許的網站頁面數量以及發布功能都有限，因此適合用來學習設計技巧、測試各種功能，或是製作小型演示文稿。

免費Workspace的AI積分也會按月清零。若要使用自訂域名、更多頁面、CMS發布或進階程式碼組件，則需要選擇相應的付費方案。

Core、Freelancer、Growth和Agency額度

Core與Freelancer Workspace每月各含300點AI積分；Growth與Agency每月各含400點。

積分在各自Workspace內共享，不能把多個Workspace餘額合併。

當代理機構以Guest身分在客戶的Workspace中工作時，根據現行規則，其所消耗的資源通常會從代理機構自身的Workspace中扣除，而非從客戶的餘額中扣除；而過去的Guest角色可能不具備此資格。

Team與Enterprise額度

Team plan每年包含100000點AI積分，並將站點、10個席位、Localize以及部分高級功能打包，採用年度合約及銷售諮詢的方式提供。Scale、Enterprise和Enterprise+的積分則為訂製額度。

企業購買時應同時詢問席位、站點、日誌、權限、支援、資料處理及附加積分價格，而非只比較積分數字。

價格與版本對比

AI積分加購價格

Starter、Core、Growth、Freelancer和Agency都可以購買AI Credit Pack。每個加購包可增加每月2000點，最多可疊加15個；

月付為25美元/月，年付折算為20美元/月。

積分用盡不會自動升級或產生意外超額收費，相關AI功能會暫停，直到餘額重設或主動購買加購包。

2026年Site plan價格

自2026年5月13日起，新購買的Basic Site方案，其費用為每年15美元/月，或每月25美元/月；此方案的靜態頁面數上限則提升至300個。而CMS與Business功能則被整合為Premium方案，其新購價格為每年25美元/月，或每月39美元/月，且該方案包含20,000個CMS專案以及40個Collections。

既有站點將依照帳戶類型及續費日期分階段遷移，Freelancer、Agency或舊版價格的切換時間可能更晚。電商Site plan此次調整沒有變化，具體價格應查看結算頁面。

頻寬與附加成本

Premium所包含的頻寬與舊版Business方案不同，超出部分可另行購買頻寬包。若持續超限，可能會導致套餐調整，流量較大的網站應根據實際頻寬而非基本月費來進行估算。

域名、付費模板、第三方表單與自動化、應用市場服務、Optimize、Analyze、Localize以及額外席位都可能另行收費。

AI治理與數據控制

生成式AI可在Workspace層級開啟或關閉，企業還可使用更細化的角色控制與審計功能。Webflow採用多模型策略，與OpenAI、Anthropic、Google等供應商合作，並根據不同功能來選擇適當的模型。

團隊應先確認允許發送給AI的內容範圍。客戶未發布的文案、個人資訊、商業機密及受監管數據，需結合合約與隱私要求進行評估。

官方開發者工具與GitHub

Webflow提供API、CLI、Designer Extension、DevLink、Webflow Cloud，以及官方GitHub組織中的SDK、教學資料和範例。DevLink可用於將設計元件同步到React或Next.js專案中，而CLI則可用於處理程式碼元件、擴充功能以及雲端應用程式的相關工作流程。

這些開發工具能夠擴展Webflow的功能，但並不代表Webflow Designer、託管平台或Webflow AI整體都是開源的。每個GitHub儲存庫的授權條款與維護狀態都應該分別查看。

是否開源？

Webflow AI與Webflow的核心SaaS平台屬於封閉式商業服務。雖然官方提供了SDK、CLI、相關技能以及一些範例代碼，開發者可以透過API和工具將其整合進自己的系統中，但無法自行部署完整的Webflow AI平台。

Webflow AI使用教學

完成一次基礎任務

1. 確定受眾、平台、畫幅、時長和必須表達的資訊；
2. 在Webflow AI中準備腳本、鏡頭或有意權使用的參考素材；
3. 選擇AI Site Builder智能建站並生成低成本預覽；
4. 使用多頁面網站生成調整畫面、節奏、字幕和聲音；
5. 逐幀檢查人物、文字、Logo、口型及事實準確性；
6. 確認音樂、肖像和素材授權後導出目標規格；

建立可重複使用的專業工作流

1. 建立腳本、鏡頭表、品牌素材和禁用元素清單；
2. 為AI Site Builder智能建站、多頁面網站生成和AI設計區塊保存統一參數；
3. 先用代表性鏡頭測試模型與額度；
4. 把失敗鏡頭轉入人工剪輯或重新生成；
5. 統一字幕、響度、色彩和片尾版權資訊；
6. 記錄版本和審核人後再批量發布；

適合哪些用戶？

• 希望快速創建品牌官網和行銷頁面的團隊；
• 需要可視化設計又重視前端控制的設計師；
• 運營博客、案例庫和內容目錄的CMS團隊；
• 製作互動組件和Web應用的開發者；
• 管理多個客戶站點的自由職業者和代理機構；
• 需要本地化、實驗、分析與企業治理的品牌。

產品優勢

• AI結果直接進入成熟的可視化網頁開發環境；
• 覆蓋建站、設計、文案、CMS、SEO和代碼組件；
• 響應式佈局、組件、動畫與託管能力完整；
• AI積分按Workspace共享且提供用量面板；
• 具備API、CLI、DevLink、Cloud和官方開發工具；
• 可結合Optimize、Localize和Analyze持續運營網站。

限制與注意事項

• AISiteBuilder主要服務於新建或原本由它生成的網站，無法直接重做所有既有網站；
• 部分功能仍處於測試或逐步開放階段，站點角色和方案要求也不同；
• Webflow的費用由Workspace、Siteplan、席位、積分包以及附加產品共同構成；
• AI生成的內容與代碼必須由人員進行核驗，特別是事實、無障礙性、權限、效能以及對第三方的依賴；

常見問題

Webflow AI免費嗎？

Starter Workspace免費，並包含每月200點AI積分，AI建站等部分功能不消耗積分；自訂域名、更多頁面及高級發布功能則需付費。

Webflow AI能生成完整網站嗎？

可以生成主題、首頁、設計系統及後續頁面，再在Designer中修改；但主要用於新建AI網站，正式上線仍需內容、響應式與功能測試。

Webflow AI積分會結轉嗎？

不會。自助Workspace每月重設，Team和Enterprise則每年重設，未使用的額度到期後就會失效。

Webflow AI積分多少錢？

自助方案每個加購包含每月2000點，月付25美元或年付折算20美元/月，最多疊加15個。

Webflow網站的價格是多少？

2026年時，Basic版的手續費為每年15美元/月，或每月25美元/月；Premium版則為每年25美元/月，或每月39美元/月。至於Workspace及其他附加產品，則需另行計算費用。

Webflow AI是開源的嗎？

核心平台並非開源。官方雖然提供開源或公開的 CLI、SDK、技能及範例，但不得因此將 Webflow AI 註為開源產品。