AI 時代，Framer 和 Webflow 還值得學嗎？
最近的 AI 發展速度快得實在讓人有點喘不過氣。
ChatGPT、Claude、v0.dev、Google AI Studio…… 每一個新工具跳出來，都能透過一句提示詞（Prompt）在幾秒鐘寫出 HTML/CSS，直接生成一頁 “簡單” 的 Landing Page。
這不禁讓我開始想：如果 AI 都能寫出能看的網頁，作為設計師或 no-code 使用者，我們還需要 Framer、Webflow 嗎？這些設計工具會不會像當年的 Dreamweaver 一樣 (什麼老古董？)被時代捨棄？
其實不會，它們不但不會消失，反而會因為 AI 而變得更重要。
AI 正在重新定義這些工具的角色，讓它們從「建置工具」，進化成下一代的「AI 代碼視覺化管理平台」。
為什麼 AI 現階段還「殺不死」 Framer 和 Webflow？
AI 的強大無庸置疑，但目前它還沒辦法滿足現實設計中的複雜要求與水準。
1. Pixel-Perfect 的絕對控制權 (像素完美)
AI 可以很快生出「80 分的 UI」，但商業設計需要的，往往是那最後 20 分。
要調整一個按鈕的 2px 間距、優化某個字體在特定螢幕尺寸下的行高（Line-Height），或者處理複雜的 響應式斷點（RWD Breakpoints），透過純文字對話（Prompt）來修正，往往會比手動拖拉或直接在設定面板上調整要痛苦十倍。
「把第四段的字體變小一點，但只在 tablet breakpoint。」
你可能要說五次 AI 才會修改正確（或許也修不好）
Framer 和 Webflow 提供了直覺的視覺化介面，讓設計師能以「所見即所得」的方式，精確地掌控設計的每一個細節。回到人類眼睛能立即判斷的美感與細節。
2. 完整的 SaaS 生態系統
很多人以為「做網站 = HTML + CSS」。
但真正的網站，是一套活著的系統。
Webflow 和 Framer 提供的是一站式服務（SaaS）： 包括了高性能的伺服器託管（Hosting）、內容管理系統（CMS）、表單數據處理、SEO 設置、版本控制和強大的資安防護（SSL）。
AI 目前的局限是： 它可以給你一個網站的初稿代碼，但它不能替你管理一個 500 篇文章的 CMS。
3. 設計圖與成品間的「翻譯機」
AI 能看得懂你畫的 Figma，但它不理解你為什麼要這樣設計。
你的 24px padding 是因為：
- 視覺呼吸
- 品牌節奏
- 行為引導
- 內容密度平衡
Framer 和 Webflow 的角色，就是把「視覺的語言」翻譯成「程式的語言」。透過好上手的設計介面，讓你能掌握所有設計細節。
如何運用 AI 來改變遊戲規則？
解決「空白畫布恐懼症」
當在面對一片空白的畫布時，我常常會感到有點茫然，不曉得該如何下第一筆，而 AI 在這個時後就是一個很好的輔助工具。你可以將你腦海中的想法用 Prompt 告訴 AI，他可以在時間有限的情況下，幫你做初版，甚至是不同設計路線的嘗試。你只需要把想法說清楚，它就能幫你從 0 建立到大約 60 分的架構。
為什麼是 60 分？
因為剩下的 40 分，需要透過你的判斷、美感、策略與理解力來為專案帶來的價值。
所以不用擔心 Photoshop 不會因為 AI 繪圖而消失。Framer 和 Webflow 也不會。它們只會因為 AI，使你成為更快、更強的創作者。
相關文章
【 Framer 】2025 最推薦新手的網站設計工具
面試必備！零程式碼，用 Framer 設計線上作品集
線上作品集｜5 款免費高品質 Framer 作品集模板讓面試加分
