Framer AI

Framer AI 是 Framer 提供的 AI 网站构建器，面向设计师和团队，用于从提示或已有项目创建、编辑、审核和发布网站。它的核心差异是，AI 生成的不是固定图片或锁定模板，而是可以继续编辑的网站图层；用户可以在 Framer 画布中调整布局、字体、组件、断点、间距、颜色、效果、文案、图片和 CMS 内容，并在同一项目里完成审核与发布。\n\n### 核心功能\n\n#### 通过提示生成页面与版式\n用户可以描述需要创建的网站、页面或更新内容，Framer 的 AI agent 会直接在项目中生成可编辑的页面、区块、文案和视觉内容。生成结果可以继续在对话中迭代，也可以随时回到画布接管编辑，而不是只能使用一次性生成结果。\n\n#### 在画布中控制响应式设计\nFramer AI 支持从提示开始设计响应式网站，再由用户在画布中细化布局、排版、组件、断点、间距、颜色和效果。AI 负责协助推进设计过程，最终的设计决策仍由用户在画布中完成；官网也明确表示，AI 创建的是可编辑的网站图层。\n\n#### 用 AI 管理 CMS 内容\nAI agent 可以直接与 Framer 的 CMS 和画布协作，创建内容集合、填充 CMS 内容并整理网站内容。CMS 内容管理、设计和发布流程保持连接；官网还列出了从 Notion、WordPress 或其他 API 迁移和导入，以及导入本地文件来填充 CMS 内容的方式。\n\n#### 创建自定义代码组件\n用户可以描述所需的交互或实时功能，让 AI agent 为网站构建代码组件。生成后可以在 Framer 中查看结果、继续修改，并让组件保持与设计系统的连接。官网示例还展示了运行脚本和 worker、从实时 API 刷新网站内容的场景。\n\n#### 发布前检查与数据分析\nFramer 的 AI agent 能在网站发布前进行检查，识别对比度问题、错别字、缺失的替代文本、SEO 缺口和不一致的样式，并在同一项目中协助修复。它也可以分析流量，查看热门页面、用户流失、搜索意图和转化缺口，再把实际的下一步操作用于网站调整。\n\n### 使用方式\n\nFramer 提供画布式 Web 工作流，并提供可下载的应用。用户可以从提示开始创建网站，也可以更新现有站点、调整样式、迁移内容、制作响应式页面、构建组件、管理 CMS、修复和审查网站。AI 工作区支持用 / 运行针对布局和 CMS 的操作，选择 GPT、Sonnet、Opus 或 Fable 等模型，还可以把画布图层、页面、CMS 集合、样式和资源作为上下文或引用。官网还提供连接 Claude Code、Cursor、Codex 等外部 agent 的入口，并支持分支协作、审核和发布。\n\n### 适用人群与场景\n\n设计师可以从提示生成页面，再在画布中调整排版、断点、组件和视觉效果；网站团队可以使用 AI 管理 CMS 内容、协作分支、审核改动并发布站点；需要迁移内容的团队可以从 Notion、WordPress、其他 API 或本地文件导入内容；负责网站运营和增长的人员可以让 AI 检查 SEO、替代文本、样式与对比度问题，并分析热门页面、流失和转化缺口。官网还列出个人作品集、创业公司网站、落地页和公司博客等创建方向。\n\n### 定价\n\n页面提供 Monthly 和 Yearly 选项，并展示三档计划：Starter 为每月 29 美元，面向开始使用的个人构建者；Professional 为每月 49 美元，面向快速发布的成长型团队；Enterprise 为每月 119 美元，面向大规模运行分析的组织。页面同时提供“Get started for free”和“Start with Agents”入口，但正文没有说明免费使用的具体额度或限制。\n\n### 注意事项\n\n官网列出的 AI 模型包括 GPT、Sonnet、Opus 和 Fable，页面示例还出现 GPT 5.6 Terra 与 Sonnet 4.6。AI 生成内容仍需在 Framer 画布中由用户继续编辑、审核和决定是否发布；官网将分支、审核和发布作为独立工作流进行说明。