Framer 尝试让 AI 接管网站修改

当一个团队负责的网站产品上线以后，设计师后续接到的往往是零散的修改需求。比如，客户发来一批新案例，希望补进作品列表；某个页面的文案变长，需要重新调整排版；首页增加了内容，移动端的布局也要跟着检查。这些工作不需要设计师推翻原有设计，却需要她们在资料、页面和内容后台之间反复切换。

2026 年 10 月 22 日，网站设计与发布平台 Framer 推出远程 MCP 接入，让 Claude、Codex、Cursor 等外部 AI 工具直接操作 Framer 项目。用户授权并指定项目后，Agent 就可以修改画布、使用组件、管理内容后台。

Framer 此前已经支持外部 Agent，因而这不是第一次让 AI 参与网站制作。本次更新简化的是接入方式。用户不再需要运行本地桥接程序，也不必一直保持 Framer 项目打开，就能从自己常用的 AI 工具中发起修改。

1. 从资料改到页面

Framer 的官方教程以网站内容整理为例，介绍了这套连接的用途。Agent 可以整理本地文件夹中的案例、文章和团队照片，为导入网站的内容管理系统做准备。接通其他工具后，它还可以读取设计参考或客户需求，再围绕指定项目工作。

这与单纯让 AI 整理一个文件夹有所不同。网站里的案例通常不只是一段文字和几张图片，还要进入既有的内容结构，由页面模板决定如何显示。过去，即使 AI 已经整理好材料，设计师仍需要回到 Framer，把内容放进对应字段，再查看实际呈现。现在，Agent 获得了操作项目的能力，资料处理便可以继续推进到网站修改，而不必在一份整理结果处结束。

回到增加案例的工作中，设计师最有可能把一组相关操作交给 Agent，再到画布上处理需要直接观察的细节。文字是否挤占了图片的位置，封面裁切是否合适，新增内容有没有破坏页面节奏，都可以在原来的项目里继续调整，而不需要重新搭建一份可编辑的版本。

自然语言与画布操作也就不必互相替代。成批整理内容时，用一句要求说明范围，比逐个打开条目更方便；需要微调一处间距或图片位置时，直接拖动反而更直观。

2. 在原项目中完成

直接修改项目，也不等于立即改动访客看到的网站。按照 Framer 的说明，Agent 的修改默认保留在项目中，只有明确要求发布后才会上线。用户还可以让它在独立分支中工作，先检查这一版修改，再决定是否采用。

这使 AI 改稿更接近设计师最熟悉的工作方式。先形成一个可检查的版本，再根据实际页面修正，最后发布。设计师不必要求模型一次完成所有细节，也不再因为局部不合适就放弃整份结果。

目前，远程接入还没有覆盖旧工具的全部能力，部分本地化工作仍需使用原有方式。官方也没有提供足够的长期项目数据，证明复杂改稿能够稳定完成。因此，这次更新解决的是 AI 能否进入现有项目并动手修改，而不是保证它已经理解了每个网站的设计安排。

对于日常维护，这一步仍然实用。设计师可以继续使用已经整理好的页面、组件和内容，让 AI 从修改意见开始参与工作，再在原来的画布上完成剩余调整。