什麼是Framer？
Framer 是一款結合 AI 設計代理與可編輯畫布的網站建置工具，允許使用者透過自然語言指令生成並調整網頁版面。該平台內建 CMS、託管服務及 SEO 功能，支援從 Slack、GitHub 或終端機等外部工具透過 MCP 協議直接操作網站內容。
Framer的特色是什麼？
- AI 設計代理在畫布上直接執行指令，即時生成、修改版面與元件，所有變更皆可見且可手動微調。
- CMS 管理代理自動化設定、組織與更新內容集合，確保後台資料與前台設計同步。
- 程式碼生成代理將複雜互動概念轉化為前端程式碼並直接部署至網站。
- MCP 外部整合透過
mcp.framer.com/mcp連接 Claude、Cursor 等工具，遠端更新文案或匯入 WordPress 文章至 CMS。 - 內建發布基礎設施整合託管、分析數據、SEO 優化及 AEO（答案引擎優化）功能，無需額外部署流程即可上線。
- 多版本協作支援分支（Branches）、本地化（Locales）及 A/B 測試變體，便於團隊管理不同版本的網站內容。
Framer的使用案例有哪些？
- 快速原型開發設計師利用代理指令生成多種版面變體，並在畫布上進行視覺化比較與細部調整。
- 跨平台內容遷移開發者透過 MCP 協議將 WordPress REST API 的部落格文章自動映射並匯入 Framer CMS。
- 遠端內容維護行銷人員透過 Slack 或 GitHub PR 觸發指令，在不登入編輯器的情况下更新網站文案或圖片。
如何使用Framer？
- 啟動代理在編輯器中輸入自然語言指令描述需求，例如建立特定版面或新增元件。
- 檢視與調整觀察代理生成的結果，直接在可編輯畫布上修改字體、斷點或效果以符合品牌風格。
- 整合外部來源若需匯入現有內容，透過 MCP 連接外部工具（如 WordPress）將資料同步至 CMS 集合。
- 設定 SEO在網站設定中填寫頁面標題、描述及社交預覽圖，確保搜尋引擎優化參數正確。
- 發布網站確認無誤後點擊 Publish，系統將自動處理託管、域名解析及內容上線。
Framer定價信息：
- 免費開始提供免費入門選項，可建立個人作品集、新創網站或登陸頁面。
- 企業方案針對大型團隊提供 Enterprise 級別服務，具體價格與限制未於此頁詳列。
