Webflow AI site builder

Webflow AI site builder 讓你輸入提示詞即可在 Webflow 內生成可編輯的網站草稿，協助團隊與個人從概念快速走向可自訂網站，並支援後續編修、CMS 擴充與付費 Site 方案的自訂網域。

AI網站設計

AI網站架設

訪問網站

Webflow 的 AI 網站建構工具

Webflow AI site builder 會將提示詞轉換為可立即編輯的網站草稿，並提供可運作的版面、圖片與文案。它專為希望不必從空白頁面開始，就能快速從概念走向可供上線的 Webflow 網站的人而設計。

這個建構工具不只是一個單頁模型，而是會建立你可以在編輯器中調整的基礎設計系統。生成後，你可以新增或重新排序區塊與頁面、變更色彩與字體等整站樣式，並持續運用 Webflow 更廣泛的編輯、CMS、SEO 與 AEO 工具。

核心功能

提示詞轉網站生成

將提示詞轉換為可立即編輯的網站草稿，並依據你描述的願景產生具備功能性的版面、圖片與文案。

結構編輯

在初始草稿建立後，可透過新增、移除與重新排序區塊和頁面來調整網站結構。

全域設計控制

自訂整站樣式、色彩、字體與其他元素，讓生成的網站能符合你的品牌方向。

可編輯的設計系統

首頁提到你可以透過 8 個類別進行編輯，其中包含 GSAP 動畫預設，讓你擁有明確的起始系統，而不是固定版型。

持續擴充網站

持續使用 Webflow AI 與更廣泛的 Webflow 編輯器來產生頁面、加入 CMS 項目，並隨著網站成長持續優化。

Flowkit 基礎

網站建立於 Webflow Flowkit 之上，這是一個模組化 CSS 架構，旨在讓內容在網站擴大時仍保持可重複使用與一致性。

常見使用方式

快速啟動新網站
從提示詞開始建立新的商業網站，接著在發佈前調整結構與樣式。
客戶啟動與概念驗證
先產生客戶可及早審閱的初稿，再在 Webflow 中精煉設計，而不必從頭重做。
打造可擴充的網站
建立可隨著專案成長而擴充的網站基礎，之後再加入更多頁面、CMS 項目與更新。
在 Webflow 編輯器中工作
將生成的草稿作為基礎，持續在 Webflow 中編輯，包括 SEO、AEO 與內容變更。
使用品牌網域發佈
在超出初始草稿後，於付費 Site 方案就緒時連結自訂網域。

Pros and Cons

Pros

它不只會產生靜態頁面，而是建立多頁基礎與設計系統。
你可以在初始提示詞之後繼續調整結構與樣式，不會被第一版草稿鎖死。
可與更廣泛的 Webflow 編輯器整合，因此你可以在同一處持續進行 CMS、SEO、AEO 與內容更新。
網站建立於 Flowkit 之上，隨著網站成長，這套系統旨在維持可重複使用且一致的樣式。
一旦你有付費 Site 方案，Webflow 支援 AI 建立網站使用自訂網域。

Cons

來源資料未明確說明此 AI 建構工具的進階工作流程限制、協作限制或團隊權限。
AI site builder 本身未單獨列出價格；定價頁面顯示的是 Webflow 的網站方案，而使用自訂網域需要付費 Site 方案。

FAQ

我可以在 AI 建立的 Webflow 網站上使用自己的網域嗎？

是。Webflow 表示，你可以在任何 Webflow 網站上使用自己的網域，包括使用 AI site builder 建立的網站，只要你有付費 Site 方案即可連結。

AI site builder 的工作流程如何運作？

Webflow 將流程描述為：先在提示詞中說明你的願景，讓 AI 產生可立即編輯的網站草稿，接著新增或重新排序區塊與頁面、在整站層級自訂樣式，並持續在編輯器中精進內容。

AI site builder 網站是建立在哪個框架上？

首頁指出，使用 AI site builder 建立的網站是以 Webflow Flowkit 為基礎，也就是 Webflow 的模組化 CSS 架構，採用可重複使用的工具類別、元件與變數。

除了產生初始網站之外，Webflow AI 還能做什麼？

Webflow AI 也可以協助產生新頁面與 CMS Collection 項目，透過原生 SEO 與 AEO 功能進行優化，並在你於編輯器中建置時回答問題。

Quick Facts

類別: AI website builder
平台: Webflow
輸出: 可立即編輯的網站草稿
基礎: Webflow Flowkit 模組化 CSS 架構
自訂網域: 支援，需付費 Site 方案
來源網域: webflow.com