framerusercontent.com

AI建站工具只会给你模板 — Framer Agent直接编辑你的真实网站

Framer Agent, AI建站工具, Framer分支, MCP集成, Claude Code Framer设计

大多数AI建站工具给你的是"模板"。

生成出来的效果很好看，但它存在于一个独立的画布上——跟你的品牌色、现有组件、正在运营的网站完全脱节。你还是得手动把它复制到真实网站里。

Framer 3.0的Agents从一开始就打开你的真实Framer项目，然后直接在里面编辑。

3秒摘要

其他AI建站工具 → 生成模板 → 手动重建 vs Framer Agent → 直接编辑真实网站 → 分支合并发布

跟其他AI建站工具有什么不同？

最大的区别在于：Agent在哪里工作。

其他AI建站工具会在独立画布上生成新设计——跟你现有的网站完全脱节。布局看起来不错，但你的品牌色、字体和组件根本没有体现进去。

Framer Agent的工作方式恰恰相反。Agent做的第一件事是读取你现有的网站——页面结构、区块排列、文字样式、色彩系统、CMS集合，全部摸清楚，然后基于这些进行编辑。

	其他AI建站工具	Framer Agent
工作位置	独立的生成画布	你的真实Framer项目
品牌还原度	有限（基于模板）	沿用已有组件和样式
编辑范围	以内容生成为主	页面、CMS、SEO、响应式一次搞定
应用结果	手动复制粘贴到真实网站	分支合并直接发布
外部工具集成	无	Claude Code, Cursor, Gemini CLI

用Framer自己的话说，Agent专注于"editing（编辑），而不是generating（生成）"。目标不是从零生成一个新网站，而是把你已有的做得更好。

想象一下，你让Agent重新调整整个网站的响应式布局。这功能很强大，但如果出了问题，真实网站崩了就麻烦了。

Framer 3.0用Branching解决了这个问题。

Branching是什么？

这是为设计师和内容团队量身打造的git分支模型。你复制一份项目创建独立分支，在分支里让AI做大规模改动，满意就合并，不满意就丢弃。真实网站全程完全不受影响。

团队协作时特别好用。设计师在分支里跑AI大改版实验，市场同学同时在线上发布博客文章——并行操作，互不干扰。

Framer把这个称为"为设计师打造的git分支模型"。 Agent和Branching配合使用，AI做什么改动都不会碰到线上环境，直到你准备好为止。

Framer 3.0里有个开发者会最感兴趣的功能：External Agents——外部AI工具可以直接编辑你的Framer项目。

通过MCP（Model Context Protocol），Claude Code、Cursor、Codex、Gemini CLI都可以接入你的Framer项目。在终端里做SEO批量审计、把Notion页面自动导入Framer CMS、把CSV文件转成CMS集合，这些都能实现。

188,000

覆盖企业（200个国家）

4M+

已发布网站数

$6.5M

2025年创作者收益

$40 → $20

编辑席位价格

定价也变了。编辑席位从$40降到$20，直接减半。Scale方案取消，只保留Basic和Pro。AI Credits：免费版每天500积分，Pro版每月3,000积分。

社区也全面改版。Marketplace、Gallery、Feed、Awards、Contests整合到一个标签页，市场预审流程取消。2025年创作者收益$6.5M——同比增长200%。

打开Agent面板
点击Framer画布右下角的Agent图标，聊天框就会打开。无论是新项目还是现有网站，都能直接用。
AI操作前先建分支
做大改动前，先点击上方菜单的"New Branch"建一个分支，真实网站就不会受影响。指令越具体越好，避免过于宽泛。
向Agent发出编辑请求
用自然语言说就行："用现有配色系统新增一个Pricing区块"、"修复首页Hero的响应式布局"、"建一个博客CMS并把现有文章导进来"。
连接External Agents（MCP，可选）
如果你用Claude Code或Cursor，进入项目设置→External Agents标签，复制MCP URL，粘贴到你的AI工具设置里就搞定了。
检查分支后合并
在分支里确认Agent的修改结果，满意就点"Merge to Main"发布到线上。不满意就丢弃，重新来过。

提升Agent效果的技巧

先把设计系统整理好——定义好色彩token和可复用组件。Agent在"沿用现有样式"操作时，效果会好得多。"重新设计整个网站"这类宽泛指令效果差；"修复About页面响应式布局的问题"这种具体指令才管用。