What Is Framer AI?Framer AI 是什么？
Framer AI is the AI layer on top of Framer, a design-first website builder whose canvas editor feels close to Figma and Webflow: you drag, resize and restyle visually, with breakpoints, animations and CMS collections built in, and you publish to a custom domain from the same tool. The AI side does three jobs: generate a layout draft from a prompt, rewrite any selected text in one click with Text Rewrite, and translate a whole site with AI translation — translation is charged per extra language, with third-party roundups putting it at about $20 a month per language, so confirm the live rate on the official site. Do not confuse it with Figma Make: Figma Make builds app prototypes, Framer publishes real websites.Framer AI 是 Framer 之上的 AI 层，而 Framer 本身是设计优先的建站工具：画布编辑器接近 Figma 与 Webflow——可视化拖拽、缩放与改样式，断点、动效与 CMS 集合都内置，同一工具内即可绑定自定义域名发布。AI 做三件事：按提示词生成布局草稿、对选中文字一键 Text Rewrite 改写、以及 AI 翻译整站——翻译按额外语种收费，第三方横评口径约为每语种每月 $20，请以官网实时价目为准。不要把它和 Figma Make 混淆：Figma Make 是做应用原型，Framer 是发布真实网站。
Pricing is per site, not per account, and editor seats are billed separately — that is the line most comparisons bury. The free tier publishes only to a framer.website subdomain and is non-commercial. Basic is about $10 a site a month billed annually ($15 month-to-month); Pro is about $30 a site a month billed annually ($45 month-to-month). Since June 2026, AI generation itself is metered in credits: about 1,000 a month on Basic and about 3,000 on Pro, stopping when exhausted until the next billing period with no rollover — so a heavy AI month ends early. All prices per the official site.Framer 按站点收费、不是按账号，编辑席位另计——这是多数对比藏起来的关键。免费档只能发布到 framer.website 子域名、且非商用。Basic 约年付 $10/站/月（月付 $15），Pro 约年付 $30/站/月（月付 $45）。2026-06 起，AI 生成本身按 credits 计：Basic 约每月 1000、Pro 约每月 3000，用完即停到下个账期、不结转——AI 用得狠的月份会提前断档。价格一律以官网为准。
Framer is the right pick when the site itself is the deliverable — a marketing site or landing page where typography, animation and layout quality are the point. It is the wrong pick for a long-form blog or a large store: those are CMS and commerce workloads, and Framer's per-site pricing plus editor-seat billing will punish both. If your brief is an app rather than a website, start with Figma Make instead.
Framer 适合“网站本身就是交付物”的场合——营销站与落地页，排版、动效与布局质量就是目的。它不适合长博客与大电商：那是 CMS 与电商的工作量，Framer 的按站收费加编辑席位计费会两头惩罚你。如果你的需求是应用而不是网站，先去看 Figma Make。
— 中国吧 AI Tools Hub Editorial Team
Who Should Use It?谁适合用？
✓ Good Fit For适合以下场景
- Marketing sites and landing pages where design quality is the point把设计质量当卖点的营销站与落地页
- Designers who want Figma-like canvas control without code想要 Figma 式画布控制、又不想写代码的设计师
- Small teams publishing a few polished pages per site每个站点只发布少量精致页面的小团队
✕ Not Ideal For不适合以下场景
- Long-form blogs with heavy editorial volume内容量大的长博客
- Large e-commerce stores大型电商店铺
- Anyone expecting unlimited AI generation on a cheap plan指望便宜档位无限用 AI 生成的人
Getting Started快速开始
1. Start free on a framer.website subdomain and draft the page structure1. 先在免费档用 framer.website 子域名起站、定页面结构2. Let AI draft the layout, then fix type, spacing and breakpoints on the canvas2. 让 AI 出布局草稿，再在画布上修排版、间距与断点3. Use Text Rewrite for copy passes and check AI credits before bulk generation3. 用 Text Rewrite 做文案改写，批量生成前先查 AI credits 余额4. Upgrade to a paid plan and connect a custom domain before launch4. 上线前升级付费档、绑定自定义域名Key Features核心功能
- Canvas Editor Close to Figma / Webflow接近 Figma / Webflow 的画布编辑 — Visual drag-and-drop editing with breakpoints, animations and CMS collections, in the same tool you publish from.可视化拖拽编辑，断点、动效与 CMS 集合齐全，编辑与发布是同一工具。
- AI Layout Drafts from a Prompt一句话生成布局草稿 — Describe the page and get an editable layout draft — a starting point, not a finished site.描述页面、拿回可编辑的布局草稿——是起点，不是成品站。
- One-Click Text Rewrite一键 Text Rewrite 改写 — Select any text and rewrite it in place — tone, length and clarity passes without leaving the canvas.选中任意文字就地改写——语气、长度与清晰度几轮过完，不用离开画布。
- AI Translation, Per LanguageAI 翻译、按语种收费 — Translate the whole site, charged per additional language (third-party roundups: about $20 a month per language — confirm on the official site).整站翻译，按额外语种收费（第三方横评口径约每语种每月 $20，请以官网为准）。
- AI Credits Since June 20262026-06 起 AI 按 credits 计 — About 1,000 AI credits a month on Basic, about 3,000 on Pro; exhausted credits stop AI until the next billing period and do not roll over.Basic 约每月 1000、Pro 约每月 3000；用完即停到下个账期、不结转。
Pros & Cons优缺点
✓ Pros优点
- Best-in-class visual editing for an AI builder — the canvas is the product在 AI 建站工具里视觉编辑最强——画布本身就是产品
- AI draft + human canvas polish is a fast, honest workflowAI 出草稿 + 人在画布上精修，是一条又快又实在的工作流
- One-click rewrite and site translation cover real launch chores一键改写与整站翻译覆盖的是真实上线杂活
- Publishing, hosting and custom domains in one place发布、托管与自定义域名都在一处
✕ Cons缺点
- AI credits cap monthly generation and do not roll overAI credits 限制每月生成量、且不结转
- Per-site pricing plus paid editor seats add up across sites and teammates按站收费加编辑席位另计，站点与人一多就贵
- Free tier is subdomain-only and non-commercial免费档只能用子域名、且非商用
- Not built for long blogs or large e-commerce不是为长博客或大电商而建
Use Cases应用场景
Popular ways people use it.常见用法：
🚀 Product Launch Landing Page产品上线落地页
A startup drafts the hero, features and pricing sections with AI, then polishes type and motion on the canvas before launch.创业公司用 AI 出首屏、功能与价格区草稿，上线前在画布上精修排版与动效。
🏢 Agency Marketing Site代理商营销站
An agency ships a polished multi-page marketing site per client, each billed as its own Framer site.代理商为每个客户交付精致的多页营销站，每个客户站点单独计费。
📣 Campaign MicrositeCampaign 微站
A campaign team spins up a short-lived landing page with translated variants for each market.campaign 团队为每个市场快速上线带翻译版本的短期落地页。
🧪 Portfolio and Personal Brand Site作品集与个人品牌站
A designer publishes a portfolio where layout quality is the portfolio.设计师发布作品集——布局质量本身就是作品。
Similar AI Tools相似 AI 工具
The upstream/downstream split matters: Figma Make is for app prototypes, Framer is for publishing websites — pick by whether the deliverable is an app or a site. If you want a prompt-to-app builder with backend included, compare the three-way page Lovable vs v0 vs Bolt.new instead.上下游分工要分清：Figma Make 是做应用原型，Framer 是发布网站——按交付物是应用还是网站来选。如果想要含后端的一句话建应用工具，改看三方对比页 Lovable vs v0 vs Bolt.new。