當 Andrej Karpathy 於 2025 年 2 月在社群媒體上拋出「Vibe Coding」這個詞彙時，整個軟體開發圈瞬間沸騰。這位 Tesla 前 AI 總監、OpenAI 共同創辦人描述了一種全新的開發模式：用自然語言描述需求，讓 AI 生成程式碼，開發者甚至「忘記程式碼的存在」。

這個概念迅速獲得 Collins Dictionary 2025 年度詞彙殊榮，也讓 Y Combinator 2025 年冬季梯次中，25% 的新創公司宣稱其程式碼庫有 95% 由 AI 生成。面對這樣的產業劇變，傳統的視覺化網頁建構工具如 Webflow 是否仍有學習價值？

答案是肯定的，但理由與三年前截然不同。

Vibe Coding 的承諾與現實落差

Vibe Coding 的核心主張相當誘人：透過 Cursor、Lovable、Bolt 等 AI 輔助開發工具，任何人都能用對話方式建構應用程式。

實務層面的限制卻逐漸浮現。根據 2025 年 9 月 Fast Company 的報導，資深軟體工程師開始抱怨使用 AI 生成的 Vibe Code 時陷入「開發地獄」。常見問題包括：AI 無法修復某些 bug、程式碼複雜度快速失控、安全漏洞難以察覺。一項研究顯示，AI 模型在約 45% 的情況下會引入已知的安全缺陷。

Andrew Ng 也對這個詞彙提出異議，認為它誤導大眾以為軟體工程師使用 AI 工具時只是「跟著感覺走」。事實上，專業開發需要審慎的程式碼審查、測試與維護，這些工作並未消失。

Karpathy 本人後來也坦承，Vibe Coding 最適合用於「可拋棄的週末專案」，而非正式的生產環境。當他在 2025 年 10 月釋出新專案時，有人問他使用了多少 AI，他回答程式碼「基本上完全是手寫的」。

Webflow 的戰略轉型：從網站建構器到體驗平台

與此同時，Webflow 正經歷一場根本性的自我重新定義。

2024 年的 Webflow Conf 上，官方宣布將品牌定位從「網站建構器」轉型為「Website Experience Platform（WXP）」。這不僅是行銷話術的調整，而是產品策略的重大轉向：Webflow 不再只專注於「建構」網站，更關注如何「體驗」與「優化」網站。

2025 年 9 月的 Webflow Conf 2025 則帶來更激進的更新：

功能類別 具體更新
AI 助理重新設計 全新對話式 AI 夥伴，深度整合設計器介面
AI Code Gen 從 Prompt 直接生成生產級 React 元件
Code Components 開發者可匯入自訂 React 程式碼元件
AI SEO & AEO 針對 AI 搜尋引擎優化的內建工具
CMS 大幅升級 支援嵌套集合清單、個別項目發布

值得關注的是 Webflow 的 AI 策略定位：不追求「一鍵生成整個網站」的噱頭，而是讓 AI 協助處理重複性工作，將人力釋放到創意層面。

Webflow AI Site Builder 在 2025 年 2 月進入 Beta 階段，能根據文字描述生成完整的網站首頁與樣式指南。與純粹的 Vibe Coding 工具不同，這套系統生成的是結構清晰、可維護的 Webflow 專案，而非難以理解的程式碼黑箱。

市場數據支持的 No-Code 持續成長

即便 AI 輔助開發工具崛起，No-Code 與 Low-Code 市場的成長趨勢並未減緩，反而加速。

Gartner 預測，到 2025 年，企業開發的新應用程式中有 70% 將使用 No-Code 或 Low-Code 技術，較 2020 年的不足 25% 大幅躍升。到 2026 年，這個比例將攀升至 75%。全球 Low-Code 開發技術市場規模預計於 2027 年突破 260 億美元。

更關鍵的數據是使用者結構的變化：Gartner 預測，到 2026 年，80% 的 Low-Code 使用者將來自 IT 部門以外，較 2021 年的 60% 顯著提升。McKinsey 的研究也發現，賦能「公民開發者」的組織在創新指標上比未這麼做的組織高出 33%。

這些數字說明一件事：No-Code 工具的價值並非被 AI 取代，而是與 AI 相互補強。企業需要的是讓非技術人員也能快速建構解決方案的平台，而非讓所有人都學會 Prompt Engineering。

Webflow vs. AI 優先建站工具：適用場景分析

市場上已出現多款以 AI 為核心的網站建構工具，與 Webflow 形成競爭態勢：

工具 核心定位 最適場景 主要限制
Webflow 視覺化專業建站平台 品牌官網、行銷網站、企業級專案 學習曲線較陡、定價結構複雜
Framer 設計師友善的無程式碼工具 作品集、Landing Page、互動原型 程式碼封閉、複雜功能受限
Lovable AI 優先快速建站 MVP 驗證、快速原型 客製化程度較低、長期維護疑慮
Bolt AI 原生開發環境 概念驗證、個人專案 企業級功能不足

選擇邏輯取決於專案需求。若目標是快速驗證一個創意、建構 MVP 或個人專案，Lovable 或 Bolt 確實能在數小時內交付成果。若需要長期維護、品牌一致性、SEO 優化與企業級擴展性，Webflow 的架構設計更為穩健。

關鍵差異在於「輸出物的本質」。Framer 生成的是封閉在其生態系的 React 程式碼；Webflow 產出的是乾淨的 HTML、CSS 與 JavaScript，可匯出、可客製、可整合至其他系統。對於重視數位資產掌控權的企業而言，這是重大考量。

設計師與開發者的技能佈局建議

在 AI 工具與視覺化平台並存的生態中，專業人士該如何配置技能組合？

對於設計師而言，Webflow 的價值在於縮短設計與實現之間的落差。傳統流程中，設計師在 Figma 完成設計後，需仰賴開發者轉譯成程式碼。Webflow 讓設計師能直接產出可運作的網站，掌握更完整的專案主導權。

學習建議的優先順序：熟悉 HTML/CSS 基礎概念、精通 Webflow 視覺化介面、理解 CMS 內容架構、掌握響應式設計原則。

對於前端開發者，Webflow 可作為快速原型工具，將反覆溝通設計細節的時間轉化為實際產出。更重要的是，透過 Webflow 的 DevLink 功能，開發者可將 Webflow 元件匯出為 React 程式碼，整合至現有技術棧。

技能組合建議：以 Webflow 處理行銷網站與 Landing Page，以傳統程式碼處理複雜應用邏輯，以 AI 工具如 Cursor 或 Claude Code 加速開發流程。

對於行銷人員與內容創作者，Webflow 的 Editor 功能讓非技術人員能在不動到設計結構的前提下更新網站內容。相較於等待開發資源，自主更新能力是實際的生產力提升。

學習投資的投報率評估

Webflow 的學習曲線確實比 Wix 或 Squarespace 陡峭。根據社群回饋，完整掌握基礎功能約需 2-3 個月的投入。這段時間足夠建構出專業水準的網站，但要精通進階互動與動態效果則需更長時間。

投資報酬的計算邏輯如下：

情境 適合學習 Webflow 考慮其他選項
目標是成為網頁設計接案者 ✓ 市場需求明確 —
企業內部行銷團隊成員 ✓ 降低對 IT 依賴 —
需要快速驗證創業點子 — Lovable、Framer 更快
建構複雜 Web 應用 — 傳統程式碼更適合
追求極致設計控制 ✓ 業界頂尖彈性 —

根據 Webflow 官方數據，全球已有超過 350 萬設計師使用其平台，26 家 Y Combinator 新創公司選擇以 Webflow 建構官網。這些數字反映市場對此技能的持續需求。

Tenten 觀點：工具演進中的不變原則

作為深耕 Webflow 開發多年的數位顧問團隊，我們觀察到一個有趣現象：每次新工具問世，總有聲音宣稱「這次不一樣」，現有工具將被淘汰。

事實證明，工具的價值從來不只在於「能不能做到」，而在於「做出來的東西能不能長期維護、能不能擴展、能不能整合進企業既有系統」。Vibe Coding 讓原型建構變得極為快速，但從原型到生產環境之間的鴻溝並未因此消失。

Webflow 的定位恰好填補這個缺口：它比純程式碼開發更快、比 AI 生成工具更可控、比傳統無程式碼平台更專業。對於需要在速度與品質之間取得平衡的專案，這仍是最務實的選擇。

我們的建議是：將 Webflow 視為核心建站能力，搭配 AI 輔助工具作為效率加速器。這樣的組合能讓你在任何市場環境下都保有競爭力。

延伸閱讀：

引用來源：

關於作者

Tenten AI Research Team 專注於 AI 與數位轉型領域的前沿研究，為企業提供可執行的技術洞察。團隊成員具備網頁設計、AI 應用與商業策略的跨領域背景。

準備優化您的數位體驗？

無論您考慮導入 Webflow 重建企業官網，或希望評估 AI 工具如何加速團隊工作流程，Tenten 團隊都能提供專業諮詢。我們協助企業在工具選擇、流程設計與團隊培訓上做出明智決策。預約免費諮詢，讓我們一起探討最適合您業務需求的數位策略。

Share this post
Nora UX

The ultimate organizer who keeps projects on schedule, within budget, and moving smoothly from start to finish.

Loading...