Framer 3.0 把 Agent 搬上画布：设计工具进入画布原生 Agent 时代

Framer 在 2026 年 8 月 11 日发布 3.0，当天冲上 Product Hunt 每日榜单前列。真正值得写的不是它又加了一个 AI 功能，而是它把 Agent 的工作方式从聊天框搬进了设计画布——这跟过去两年「输入一句话、吐出一个前端项目」的那类工具，是两种物种。

画布原生 Agent 到底改了什么

Framer Agents 直接在当前项目里工作：它能从零生成整页、根据截图生成设计、处理不同断点下的响应式、调整已有页面的组件和样式、为组件做动效、写和修改自定义代码、管理 CMS 内容、跑 SEO 与无障碍审计。关键点在于，所有这些产出都停留在 Framer 原有的设计系统里，设计师随时能看到每一次改动、用对话继续提新要求、也能手动微调排版和断点。

这和那些主要负责「生成网页前端代码」的 AI 工具本质不同。后者往往吐出一个黑盒静态稿，离你的设计体系、发布流程和 CMS 隔着一层；Framer Agents 是建在 Framer 既有的设计、发布、内容管理体系之上，从页面设计、开发到上线后的 CMS 运营，都能在同一个项目里闭环。用 Framer 联合创始人的话说，画布而不是文本框，才是设计品味真正显现的地方。

Branching：把「审」和「发」拆开

3.0 同时引入 Branching，机制类似软件开发里的分支。无论是 AI Agent 的修改、团队成员正在开发的实验功能，还是没定稿的设计，都先放进独立分支，不会直接影响已上线版本；审完、比完不同版本，再合并发布。

这一步比 Agent 本身更关键。大多数网站主怕的不是改，是发错——把首页改崩、把 SEO 搞乱、把上线版本覆盖掉。Branching 把「起草」和「发布」拆开，让实验变便宜，让 AI 从「演示玩具」变成「可信工作流」。对需要多人持续维护的网站，设计、测试、发布之间终于有了明确的版本管理。

外接 Claude Code / Codex：设计系统成了共享工作区

Framer 3.0 没有要求所有事都通过内置 Agent 完成。它开放了 MCP，开发者可以把 Claude Code、Cursor、Codex 接进自己的 Framer 项目，直接读写画布、组件和 CMS。已经搭好 AI 工作流的团队，可以继续用熟悉的外部编程 Agent：导入一坨杂乱内容进 CMS、把文件整理成集合、跑 SEO 或可访问性审计、从终端更新文案、从 GitHub PR 发布。设计系统因此变成「人 + 多个 Agent」共享的工作区，而不是被锁在某一家的智能里。

和 Figma、MagicPath 的分野：Agent 住在哪里

2026 年设计工具的分化，最有效的切法是「Agent 住在哪里」。Figma 是这一组的锚：3 月开放画布给第三方 Agent（MCP + skills），5 月 20 日推自有 Figma agent（与 OpenAI、Anthropic 合作），仍在 beta、按席位收费、GA 后消耗 AI 额度；Google Stitch 从单屏生成走向 AI 原生画布，但导出偏向 Firebase 生态；MagicPath 被一些人称为「设计界的 Cursor 时刻」，实时多人画布 + 多 Agent 并行，但平台偏年轻、缺 Figma 导出。

Framer 的 scope 明显更窄——它是网站平台，不是通用产品设计工具——但 premise 相同：Agent 在画布上、改动可编辑、发布体系内闭环。区别只是 Framer 把闭环收得更紧：从设计到 CMS 到上线，都在一个产品里。

谁该在意，边界在哪

最适合的是设计师、初创团队、SaaS 营销和代理机构：要快速发 campaign 页、改文案、做 A/B，又不想每次都等工程排期。边界也很清楚：复杂 Web 应用、重交易、需要完全代码所有权的项目不适合；CMS 能力弱于 Webflow / WordPress；价格随协作者和 locale 数量上涨；且锁定平台、无法导出代码。

定价与门槛：AI 额度 + 协作席位

3.0 同步引入 AI credits 来支撑 Agent：免费版每天 500 额度、基础版每月 1000、Pro 每月 3000，生成整页消耗快、小改动几乎不费。协作成本也被砍了一半——编辑器席位从每月 40 美元降到 20 美元，并新增每月 10 美元、带完整 CMS 权限的 Content Editor 席位。对中小团队，这意味着「让非技术的同事也能在安全分支里改文案」第一次变得便宜。配套上线的 Community 让设计师展示 Framer 项目、企业发现创作者，给工具加了一层人才市场。

对 AI++ 读者的判断：Framer 3.0 不是「又一个建站玩具」。它把 coding agent 已经验证过的范式——可编辑、可审、可分支、可外接——平移到了设计域。当 AI 的产出始终留在你的设计系统里、发布前经过一个安全分支，网站主担心的「改崩了怎么办」就被结构性地消解了。这比单纯「一句话出网站」更像一条能留下的产品路线：它卖的不是生成，而是可控的变更。