Framer 页面截图
产品页面 点击查看大图

Framer

Framer 是一个面向设计师和团队的 AI 网站构建器,可通过描述需求生成可编辑页面,并在画布上优化细节,最终发布到托管平台并附带 CMS、SEO 和数据分析功能。

自动设计网站生成上线
平台
Desktop
价格
Framer 提供免费版和付费订阅计划,包括 Basic $10/月、Pro $30/月和 Enterprise 定制。免费版提供 500 积分试用 AI 功能;付费计划提供更多 AI 配额、CMS 集合、带宽和高级功能。
01

Overview

产品概述

Framer 提供一个原生画布的 AI 设计代理,能够根据用户的自然语言指令直接生成和修改网站内容。它支持从空白页面构建、CMS 内容管理、自定义代码组件、网站审查与修复、AI 流量分析,以及通过外部 AI 工具(如 Claude Code、Codex、Cursor)进行自动化操作。Framer 还提供免费和付费订阅计划,涵盖从个人作品集到企业级网站的场景。
02

Capabilities

核心能力

01

AI 网站生成与编辑

通过自然语言描述即可让 AI 智能体生成可编辑的页面、版块、文案和视觉元素,并直接在画布上进一步调整。

02

CMS 管理与内容同步

AI 智能体可创建和管理 CMS 集合、填充内容,并与画布保持同步,使内容、设计和发布流程连贯。

03

自定义代码组件构建

通过描述交互或功能,AI 智能体可为网站构建自定义代码组件。

04

网站审核与优化

发布前可让 AI 智能体审查网站,识别对比度问题、拼写错误、缺失 alt 文本、SEO 缺口和不一致样式,并协助修复。

05

AI 流量分析

AI 智能体可分析网站流量并转化为可执行的优化步骤,包括页面表现、流失点、搜索意图和转化缺口。

06

外部 AI 集成

可通过 framer-agent 连接 Claude Code、Codex、Cursor 等外部 AI 工具,从 Slack、终端或 GitHub PR 等触发网站操作。

03

Use Cases

适用场景

  1. 01

    个人作品集

    使用 AI 快速创建个人作品集网站。

  2. 02

    创业公司网站

    从提示出发构建创业公司网站。

  3. 03

    产品落地页

    启动营销落地页以推广产品。

  4. 04

    公司博客

    创建企业博客并利用 CMS 管理内容。

  5. 05

    从其他平台迁移

    从 Notion、WordPress 或其他 API 导入内容到 Framer CMS,完成网站迁移。

04

Integrations

集成能力

01

Claude Code

通过 framer-agent 连接 Claude Code,可在终端中执行网站操作。

02

Codex

连接 ChatGPT 中的 Codex 或其他外部 AI 来操作 Framer。

03

Cursor

与 Cursor 集成,在编辑器中触发 Framer 操作。

04

WordPress

从 WordPress 导入文章和媒体到 Framer CMS。

05

Notion

从 Notion 导入内容到 Framer CMS。

06

Slack

可通过 Slack 更新网站文案。

07

GitHub

可从 GitHub PR 触发发布。