適合產業
設計師、Framer 使用者、個人品牌、小型工作室
使用技術
Framer External Agents、Claude Code、Codex、CMS、Localization、Redirects
Framer 內建 Agent 很方便，但如果你常常要更新內容、調整 CMS 或處理翻譯，credits 很快就會用掉。後來我開始用 Framer 的 External Agents，把 Claude Code 或 Codex 連到 Framer 專案裡做這些比較有結構的工作。
它不是要取代 Framer 編輯器，而是把重複、規則清楚的事情交給另一個工作流程處理；視覺細節還是回到 Framer 裡自己確認比較穩。
External Agents 是什麼？
Framer 官方提供 External Agents，讓 Claude Code、Codex 或 Cursor 這類工具可以連上你的 Framer 專案。連線後，你可以直接用自然語言跟AI交代工作，AI會再去 Framer 裡操作。例如我自己最常用的整理或建設 CMS 欄位、更新多語系內容或做整批文字修改。
它使用的是你在外部 AI 工具裡的工作流程；實際可用額度與費用仍要看你使用的工具和訂閱方案。
怎麼開始設定
準備好相容的 AI 工具後，依照 Framer 官方設定流程完成安裝（或讓 AI 帶你安裝），再把 Framer 專案連結交給工具。使用提示詞類似“幫我連結我的framer 專案 https://framer.com/projects/…..”。第一次連線時，瀏覽器會跳出授權畫面，確認後就能繼續操作。
設定時需要 Node.js 24 以上版本。官方的設定流程會協助檢查環境；完成後，只要提供專案連結就能開始。
最適合交給它的工作
我覺得它最適合處理有明確規則、而且重複性高的內容工作：
CMS 內容與欄位整理：建立文章、案例或活動需要的欄位，再把資料依規則補進去。
翻譯與多語系更新：根據既有文案檔，更新另一個語言版本的內容。
轉址與重複修改：網站改版時依對照表設定轉址，或一次調整多個頁面的相同文字。
哪些地方我還是會自己處理
版面比例、視覺層次、動效節奏和最後的手機版微調，還是需要回到 Framer 裡看實際畫面。External Agents 可以幫忙把結構和內容先處理好，但不代表每次都能直接發布。
什麼情況值得設定？
如果你已經有 Claude Code、Codex 或 Cursor，且常常處理 CMS、翻譯、轉址或多個 Framer 專案，花一點時間設定很值得。它省下的不只是編輯器裡反覆點選的時間，也讓你能把注意力放回真正需要判斷的地方。
(本文寫於 2026 年 9 月。AI 工具更新很快，操作細節請以 Framer 官方文件為準。)
