Framer 3.0，AI Agent 比我想的更懂設計

過去幾年，Framer 已經從單純的設計工具，一路長成視覺化的網站建置工具、CMS 和發布平台。Framer 3.0 這次更新，把定位講得更清楚：一個由 AI 驅動的網站工作空間。

市面上很多「打字生成網頁」的 AI 工具，產出常常很通用，套版感重，也很難微調到貼合品牌調性。Framer 3.0 想解決的就是這個問題：讓 AI Agent 嵌進設計師原本的工作流，過程看得到、也改得了，不是丟出一個結果就結束的作品。

Framer 3.0：讓 AI Agent 走進畫布

過去用 AI 生成網頁，習慣是先打一段 Prompt，換來一個不太可修改的隨機頁面，就像開盲盒一樣，做得好不好全看運氣。Framer 3.0 把 AI Agent 直接放進設計師最熟悉的畫布裡。

這個 AI Agent 看得懂專案脈絡，包括頁面版面、元件、Text Styles、品牌色彩和 CMS 內容，不是憑空生成一頁跟你網站無關的東西。實際能用的場景很具體：照著現有風格生成一個新的聯絡頁面、一次為好幾個頁面加上動畫、把混亂的文字樣式整理乾淨，或是直接讓整個網站具備 RWD。不用擔心把畫面都交出去，想放大縮小、想拖曳、想微調細節，隨時都能插手，這跟純程式碼的 AI 工具（像 Cursor，強大但技術門檻高）比起來，對設計師友善不少。

Branching：管理 AI 不確定性的方式

Branch（分支）這個概念，最早來自程式開發的版本控制系統，通常用在多人同時改同一個專案的時候：每個人先在自己的分支裡動手，確認沒問題才合併回主線，彼此不會互相干擾，也不會讓還沒測試好的東西直接上線。概念很單純：從專案拉出一個獨立的副本，在副本裡怎麼改都不影響原本正式上線的版本，確認沒問題再合併回去。

AI 能一鍵幫你改動響應式佈局、一鍵整理全站樣式，效率很高，但風險也跟著變高。Branching 就是把這套版本控制的概念搬進設計畫布，給這種大改動一個安全的容錯空間：先在分支裡讓 Agent 做完整套修改，確認視覺和互動邏輯都沒問題，再合併回主站。

改壞了，直接移除這個分支，原本的正式站不會受到一絲影響。這對大型網站、行銷團隊和設計代理商特別實用，可以放心讓 AI 做大動作，不必擔心動到正式環境。2026 年團隊要顧的效率，很大一部分其實是怎麼系統化地管理「AI 做出來的東西還不確定」這件事，Branching 剛好接住了這塊。

External Agents：把你已經在用的 AI 接進來

Framer 3.0 不只內建了自己的 Agent，也開放串接 Claude Code、Cursor、Codex 這類外部 AI 工具。實際能用的場景很具體：把一個塞滿 CSV、Markdown 和圖片的雜亂資料夾丟給 Claude Code，請它把內容整理成結構化資料，直接匯進 Framer CMS，自動建好欄位、項目和頁面。過去這類搬資料的雜活得自己手動一筆一筆貼，現在可以交給外部代理人接手，Framer 也順勢變成一個更靈活的 AI 工作站。

社群與模板市場，也跟著重新洗牌

這次 Framer 也把社群和模板市場一起升級，加上動態消息、會員檔案、按讚、留言，讓模板創作者更容易被看到。AI 已經能輕鬆生成一個基本網頁的年代，通用型模板的價值會往下掉，反而是針對特定利基市場、風格獨特、做得夠細緻的模板，才有機會變成一個專案願意投資的理由。

AI 是槓桿，不是取代你

AI 介入之後，設計師的角色從「執行者」往「決策者」移動。過去用時間換錢的接案模式，現在可以靠工作流把交期縮短、把單價拉高，也可以把累積的設計能力做成產品，例如一套 Framer 模板、一系列教學內容，讓它自己持續產生收入，不用每次都重新交換時間。

搭配 Framer CMS、外部 AI 影音工具這類串接，一個人也能做出過去需要一個小團隊才能完成的產出量。這時候真正值錢的，是判斷該做什麼、不該做什麼的品味，AI 則負責把你的決定執行出來。

結語：工具三個月一輪，工作流不會跟著換

Framer 3.0、Claude，或現在手上任何一個工具，過一段時間都會被更新的東西取代。真正值得投資的，是一套能持續接住新技術的系統。

這次更新算是一個清楚的分界點：Agent 讓產出變快，Branching 讓修改變安全，External Agents 讓資料處理變靈活。如果你一直想試試用 AI 架網站，卻覺得終端機和程式碼太陌生，現在的 Framer 3.0 是個不錯的切入點。

AI 現在能接手大部分執行工作，剩下那一小塊靈魂與判斷，才是真正決定一個網站、一個品牌長什麼樣子的地方。現在就去 Framer 開一個 Branch，實際玩玩看，反正改壞了也能直接丟掉。