核心功能
Framer 是面向设计师与团队的 AI 网站构建器，输入描述即生成可编辑页面、文案与图片；内置 CMS、SEO、分析与 A/B 测试，可导出 React 代码并直连 Claude Code、Codex 等智能体协作。
功能亮点
提示生成网站
一句话产出多区块可编辑页面
AI 文案配图
区块文案与图片原地生成
导出 React
设计稿转生产级 React 代码
智能体协作
直连 Claude Code/Codex 改站
自定义模型 / 模型接入
锁定（官方模型）
Framer AI 使用自家模型（Petal/Ember/Horizon 等），用户不可替换或自带底层大模型。
接入方式
- 网页 AI 生成
- 智能体改稿
- 代码组件生成
支持模型
Petal 3.1Ember 4.7Horizon 2.1
适用场景
• 落地页快速搭建
• 设计师免开发上线
• 客户站点交付
安装配置
浏览器访问 https://framer.com 注册即用；桌面端支持 Mac/Windows；团队可在画布多人实时协作。
使用方法
bash
1) 打开 framer.com 点「用 AI 生成」，输入「深色风 SaaS 落地页含定价」 2) AI 产出 Hero、功能、定价、评价区块，原地改写文案 3) 用画布精修间距、断点与动效，接入内置 CMS 管理内容 4) 需交互组件时让 AI 智能体生成 Code Component 并绑定设计系统 5) 发布到 framer.app 或绑定自定义域名，开启 SEO 与 A/B 测试 6) 在终端运行 Framer 提供的安装命令将 Claude Code/Codex 接入项目协同改稿
优点
- 从空白到可发布极快
- 设计稿直出 React 代码
- CMS 与 SEO 一体化
缺点
- AI 生成文案需人工重写
- 高级套餐价格偏高
- 深度交互仍依赖代码组件