Framer AI

📌 **Framer AI 到底是什么？** 它是由荷兰团队 Framer（两位创始人曾把设计工作室卖给 Facebook，之后又出来单干）打造的 AI 网站生成工具。它不是一个模板库，而是一块“AI 生成层”叠加在专业设计画布上——你输入一段话，AI 直接在你的项目里生成完整的页面布局、文案、图片、配色，甚至连滚动动画和悬停效果都给你配好。最关键的是，生成出来的每一个按钮、每一张图、每一段文字都是可编辑的图层，你可以像在 Figma 里那样随意拖拽、微调，也可以继续用对话让 AI 帮你改。它跟那些“填空式”的建站工具完全不同，它不是套壳，而是真的根据你的描述去设计一个独一无二的页面。最近这个团队刚拿到一大笔融资，估值已经相当可观，业内都在盯着他们。

⚡ **主要功能与亮点** 核心功能集中在五个方面：一是智能生成，你输入一段文字（中文也支持），十几秒就能跑出一个完整的网页；二是自动响应式，生成后自动适配手机、平板和电脑，不用你手动调；三是交互动效库，内置了滚动触发、悬停翻转、卡片弹出等二十多种效果，拖拽就能加到任何元素上；四是 AI 文案助手，可以一键重写段落、润色语气，还能把整站翻译成上百种语言；五是近期上线的 Agents 功能——右侧面板里有个 AI 小助手，你选中页面上的某个区域，直接对它说“把这部分改成三列”或“加一个常见问题区”，它就能精准操作，不会动到其他地方。另外，如果你觉得自带 AI 额度不够用，还可以把项目连到 Claude Code 或 Cursor 这类外部工具，用自己的 API 继续玩。

🌍 **全球使用情况** 现在 Framer 的月访问量已经有好几百万，活跃用户数也相当可观，几十万个网站跑在上面。你能想到的不少明星创业公司（比如 Scale AI、Perplexity、Miro）都在用它做官网。有一个很直观的信号——最近一期 YC 孵化营里，将近一半的团队把官网放在了 Framer 上。它已经成了追求设计质感又不想碰代码的团队的默认选择，年收入也在快速爬坡，势头很猛。

🚀 **第一次如何使用（详细步骤）** 第一次用，你不需要下载任何软件，打开浏览器访问 framer.com 就行。点击右上角的“Get started”注册一个账号，进到工作台后点“Create new project”，会看到两个选项：一个是“Start with AI”，另一个是空白画布。你选 AI 入口，会弹出一个输入框。这里我分享一个关键经验：描述越具体，生成出来的东西越能打。不要只写“帮我做一个产品页”，试试这样写：“为一家叫‘晨光烘焙’的咖啡豆品牌做一个落地页，首屏要大标题加咖啡豆照片，下面分三个区块介绍浅烘、中烘、深烘，再来一段客户评价，底部放一个联系表单，整体用暖棕色和米色”。点击生成，几十秒后你就能看到完整的页面出现在画布上——图片、文案、排版、滚动动画全都有。生成之后，你可以在右侧找到 Agent 标签，选中某个区域再输入“把首屏背景换成深色”或“加一个订阅框”，它会继续改。全部满意后点右上角的 Publish，用免费的 framer.site 子域名或者绑定你自己的域名，一键就上线了。

📖 **使用教程与技巧** 我自己用下来，有几个心得可以分享。第一，分块生成比整页生成效果更好。先让 AI 生成首屏，选中它之后再让 AI 生成第二个板块，这样每个部分的质量都更高，也方便你单独调整。第二，可以把参考图拖进去。不管是截图、线框图还是手绘草图，拖到输入框里，AI 会参考这些图的布局和风格来生成。第三，一定记得“先选中，再修改”——想让 AI 改哪个区域，就提前在画布上点选它，不然 AI 可能会改到别的部分。第四，项目标题旁边有个分支功能，你可以新建一个分支，在里面大胆尝试各种改法，满意了再合并回去，主版本永远不会被搞乱。第五，如果 AI 信用点用完了，不用急着买，可以连到你的 Claude Code 或 Cursor，用自己的订阅继续操作，完全不受限。

💻 **如何安装** 严格来说，Framer AI 不需要安装——它就是个网页应用，注册就能用。但如果你想接入外部 AI 工具（比如 Cursor 或 Claude Code）来远程操控你的项目，需要打开命令行跑一条命令：`npx @framer/agent@latest setup`。这条命令会装一个小桥接程序，让你的外部 AI 能跟 Framer 项目通话。装完之后，在外部 AI 里输入 `/framer` 技能，粘贴项目链接就能连上了。另外 Framer 也有桌面客户端（支持 Windows 和 Mac），但那主要是给重度设计师用的，普通用户直接用网页版就完全够了。

💰 **收费模式** Framer 的收费分三块：网站套餐、编辑者席位和 AI 信用点。网站套餐有四个档位：免费版带 framer.site 子域名和品牌标识，月访客限 1000；Mini 版每月 5 美元，可以绑自定义域名；Basic 版每月 15 美元（年付更划算），带 1000 条 CMS 内容；Pro 版每月 30 美元，支持 A/B 测试、分支环境和 2500 条 CMS。编辑者方面，工作区所有者和查看者免费，额外编辑者每月 20 美元，仅内容编辑者每月 10 美元。AI 信用点按用量算，免费版每天给 500 点，Basic 每月 1000 点，Pro 每月 3000 点，用完了可以买附加包，也可以像前面说的连接外部工具绕过消耗。多语言翻译是额外付费的，每种语言每月大概二三十美元。

👥 **适用人群** 我观察下来，最适合用 Framer AI 的是这几类人：独立设计师和自由职业者，想要高颜值作品又不想写代码；创业团队和独立开发者，需要快速上线官网或活动页；营销团队和广告公司，经常要制作各种品牌落地页；还有作品集创作者，比如摄影师、插画师，需要展示自己的视觉作品。不太适合的场景包括：要做复杂电商功能（Framer 没原生电商，得嵌入 Shopify 或 Stripe）、要深度内容管理（CMS 能力比 Webflow 弱一些）、需要导出完整代码（Framer 不支持代码导出，只能在他们平台发布）。另外国内用户需要注意，访问速度有时候不太稳，而且界面是全英文的。

⚠️ **常见问题** 信用点用完了怎么办？可以等次月重置，可以买附加包，也可以连外部工具用自己的订阅继续。生成的网站能改吗？当然能，每个元素都是原生图层，随便改。不懂设计也不会代码能用吗？可以，你只需要用日常语言描述需求就行。免费版有什么限制？只能使用 framer.site 子域名，会带品牌标识，月访客限 1000 人，AI 点数每天 500。AI 生成的效果不满意怎么办？继续在对话框提修改要求，或者手动在画布上改，改完还能接着让 AI 继续帮忙。

👍👎 **优缺点** 先说优点：Framer AI 生成的页面视觉质感在同类工具里绝对排第一梯队，滚动动画、悬停效果、卡片交互这些细节非常细腻，很多竞品根本比不了。它的画布操作体验和 Figma 几乎一样，设计师上手零成本。从零到上线，一个像样的落地页几小时就能搞定，响应式适配是全自动的，不用你操心三个屏幕尺寸。免费版就能体验完整的 AI 能力，对预算有限的人很友好。缺点也很明显：AI 生成的文案有时候比较套路，经常出现“简化你的工作流”这种车轱辘话，需要自己动手改。动效虽然炫，但大多是“演示级”的——看起来漂亮，实际上点不动、逻辑走不通，真要上交互还得手动调。代码不能导出，只能在平台内发布，想迁移很麻烦。国内访问速度看运气，而且全英文界面确实挡了一部分人。CMS 能力不如 Webflow，复杂的内容管理会比较吃力。另外，如果你同时做好几个项目，加起来费用也不低。

评论