简介

Framer 是一个可视化网站设计与发布平台，将可编辑画布、AI agent、内置 CMS 与托管服务结合在一起。它解决了团队的一个常见痛点：想要专业设计且加载迅速的网站，又不想在设计、开发、部署等多个工具之间来回切换。AI agent 所做的修改始终可见、可编辑，不会陷入黑盒。

用户直接在画布上设计响应式页面，借助 AI 设计 agent 生成或调整布局，并通过 CMS 中的集合管理内容。Agent 还可以为特效和交互编写自定义代码、搭建 CMS 结构、更新内容。Claude Code、Codex、Cursor 等外部 AI 工具也可以接入 Framer 项目对网站进行操作。发布、SEO 工具、本地化、数据分析、A/B 测试和安全功能都已内置于平台之中。

主要功能

AI 设计 agent：直接在画布上生成和修改设计，所有改动均可编辑，由用户掌控。

CMS agent：创建、组织和更新 CMS 集合，并将其连接到画布，使内容与设计保持同步。

代码 agent：为特效和交互编写自定义代码，并部署到网站上。

外部 agent 接入：支持通过终端、GitHub pull request、Slack、Claude Code、Codex、Cursor 及其他外部 AI 工具驱动网站变更。

内置发布平台：包含全球 CDN 托管、SEO 工具、本地化、安全、数据分析和 A/B 测试。

协作工具：分支、staging 环境和预览链接，让团队在发布前审核改动。

开发者工具：插件、React 代码组件、override、用于 API 连接的 Fetch 功能，以及 Server API。

定价与费用

定价：Free 套餐 $0（500 AI 积分、Framer 域名、1 GB 带宽）；Basic 每月 $10；Pro 每月 $30；Enterprise 按需报价。额外编辑者每月 $20，查看者免费。
免费版本：提供免费套餐，含 500 AI 积分试用、免费 Framer 域名和 1 GB 带宽。
套餐限制：Basic 包含 2 个 CMS 集合、30 个页面、50 GB 带宽；Pro 包含 10 个 CMS 集合、150 个页面、100 GB 带宽、staging 和分支功能。
AI 积分：Agent 及其他 AI 功能会消耗积分，额度因套餐而异，可按需购买。

适用人群

Framer 适合在工程支持有限的情况下需要发布和维护真实网站的设计师、营销人员和团队。典型用户包括制作客户网站的自由职业设计师、通过 CMS 管理大量内容页面的营销团队、发布产品网站的初创公司，以及需要 staging、分支、SSO 和批量配额的企业。开发者也可以通过插件、React 代码组件和 Server API 扩展平台，适合设计与工程混合团队协作使用。

常见问题

Framer 是什么？Framer 是一个 AI 辅助的网站构建器和可视化设计平台，提供画布编辑器、CMS 以及内置的托管、SEO、数据分析和本地化功能。

Framer 有免费套餐吗？有。免费套餐含 500 AI 积分、免费 Framer 域名和 1 GB 带宽，付费套餐每月 $10 起。

Framer 能连接外部 AI 工具吗？可以。Claude Code、Codex、Cursor 等外部 agent 可接入 Framer 项目，也可以通过终端、GitHub pull request 和 Slack 触发变更。

Framer AI agent 做的修改可以编辑吗？可以。Agent 生成的改动保留在画布上，可见且可编辑，用户对设计拥有完整控制权。

Framer 提供哪些数据分析？Framer 内置无 cookie 的访客分析，包含流量来源、页面报告和筛选功能，历史数据依套餐从 30 天到无限制不等。

简介

主要功能

定价与费用

适用人群

常见问题

用户评价 (0)

你会推荐 Framer 吗？留下你的评价

相关教程

相关工具