Figma Make 生成出来的东西本身就是一段能跑的代码,不是一张只能看的画面。你在画布上拖一下改一下,改的是代码撑起来的东西,想切到代码那一层看也可以。官方产品页的原话是 Everything you build is code-backed and visually editable, so you can easily jump between code and canvas。
它是什么:Figma, Inc. 的产品,官方一句话定位是 Prompt to code anything you can imagine,从一句提示词出原型、出网页应用,原型、打磨、交付走同一条线。国内能不能注册,看速览表。费用上 Starter 免费,每天150 AI credits、每月最多500。这篇按官方说明,把它的用法、价格和坑拆开讲清楚。
- Starter 免费,每天150 AI credits,每月最多500 AI credits
- Professional Full seat $16/mo,含每月3,000 AI credits;Dev seat $12/mo、Collab seat $3/mo,各含500 credits
- Organization Full seat $55/mo(Billed annually),含每月3,500 AI credits
- Enterprise Full seat $90/mo(Billed annually),含每月4,250 AI credits
- 价格以美元计,官方定价页写 Prices in USD
| 项目 | 结论 |
|---|---|
| 谁家的 | Figma, Inc. 的 Figma Make |
| 国内能否注册 | 以官方为准 |
| 费用 | Starter 免费;Professional Full seat $16/mo |
| 收付款方式 | Professional 可选 monthly 或 annual,费用提前全额支付;AI credits 另有月度订阅与 PAYG |
| 适合谁 | 做原型、网页应用的人,官方原话 Start from your codebase and design assets, or from scratch |
这几行里,做决定真正要看的就三件事:免费额度够不够试、Professional 一个月16美元含多少 credits、付款怎么走。剩下的都是细节。
本文目录
Figma Make 是什么:提示词出可运行原型,产物是代码
它和 Figma 设计工具不是一回事
Figma Make 是 Figma 的产品,官方定位是 Prompt to code anything you can imagine。产品页还写 Prototype. Polish. Ship. Your ideas get real in Figma Make,原型、打磨、交付三个阶段在同一个地方走完。它用的设计上下文可以细到设计系统,也可以只是几张图片,官方原话是 Whatever you build uses your design context, from systems to images。

跟 Figma 设计工具的区别在产物。设计工具是在画布上摆图层,Figma Make 生成出来的东西本身是代码,视觉上又能直接编辑。官方写你可以 Start from your codebase and design assets, or from scratch,从代码库和设计资产起步,或者从零开始。做原型这一步,官方写 Spin up realistic prototypes quickly,快速出逼真的原型。设计系统可以从 Make kits 和 npm packages 引进来,也可以直接附加 Figma frames、PDFs。
做完还能 Copy Figma Make files to the canvas, where you can tweak until they're right,把 Make 文件复制到画布上接着调细节。它内置一个由 Payload 驱动的 CMS,官方给的路径是先在 Figma Make 里生成、设计前端,再建后端管内容。Figma 官网称95%的 Fortune 500在使用 Figma,数据基于2025年3月,说的是 Figma 整体的盘子。
官方入口在哪
Figma 官网首页把 Figma Make 放在 Start with design context. Build with consistency. 这一块下面,写的是 Explore Figma Make,点进去就是产品页。登录页给了三种方式:Continue with Google、邮箱密码、Use single sign-on。没有账号的,页面上写 No account? Create one,从那里建。
想先把 Figma 设计工具本身用熟,再回头看 Make,站内有一篇 Figma做网页界面 可以接着读。
Figma Make 怎么用:从设计上下文到提示再到画布
第一步:准备账号和设计上下文
注册时,客户要在 Figma 账号里指定一名或多名管理用户。官方写这个角色有权管理账号、增删用户、批准购买,并代表客户做有约束力的操作。每个授权用户的账号是个人专属的,凭据不得共享,也不能给别人用。
客户还要提供准确完整的账号信息并保持更新,对用户名和密码保密。Figma 支持双因素认证登录,官方写它能降低未授权使用或访问的风险。账号弄好之后,设计上下文有几种带法:用 Make kits 和 npm packages 把设计系统引进来,或者附加 Figma frames、PDFs 之类的文件。
第二步:写提示前先跑 Plan mode
官方给的顺序是 Start with design context, prompt, then edit on the canvas,先有设计上下文,再提示,然后在画布上编辑。Plan mode 放在生成之前,作用是 Clarify intent and create a structured, editable plan before generation starts,先把意图问清楚,出一份结构化、可编辑的计划,再开始生成。
Attachments 能把设计、图片、视频、音频、文本文件、PDF 附加到提示词里。官方原话是 Attach designs, images, videos, audio, text files, and PDFs to your prompts to guide the AI toward better results。另外支持语音转文字,Dictate your ideas to Figma Make to generate your protoype,把想法口述进去生成原型。
第三步:在画布上改,改坏了能回退
Point and edit 是点着元素改:Refine your prototypes by clicking elements to style, swap, or prompt for changes directly in the preview。想改样式就改样式,想换就换,也可以直接在预览里提示修改。Annotations 则是选中元素、写提示,把所有改动一次性发给模型,官方写 Select elements, prompt, and send all changes to the model at once。
Version history 记录每一次 AI 和手动编辑,可以预览、收藏或恢复任一版本。改坏一次不用从头来,回到上一版接着改就行。Comments 可以对原型或网页应用给反馈,做评审的时候用得上。
第四步:导出、转 design、发布
想把 Make 里的结果转成设计稿,官方写的是 Turn your Figma Make preview into design layers you can paste and edit in Figma Design,把预览复制成设计图层,粘到 Figma Design 里编辑。要加用户认证、存数据、连私有 API,可以连接 Supabase。
发布这块,官方写可以把功能原型或网页应用 Publish your functional prototype or web app as a website with a dedicated URL,发布成带专属 URL 的网站,定价页标注 via Figma Community,还能设密码保护。环境变量集中管理密钥和设置;Make templates 可以在团队或组织内发布 Make 文件当起点;Make on mobile 能在手机上访问和构建。
想补 Figma 的基础操作,站内 学UI设计从哪开始 那篇可以接着看。
Figma Make 收费吗:Starter 免费额度与各档价格
Figma Make 的费用跟着 Figma 的席位档次走,分 Starter、Professional、Organization、Enterprise 四档。Starter 是免费的,官方写含 Unlimited drafts、UI kits and templates、150 AI credits/day, up to 500 AI credits/mo。再往上,每个席位都带一定数量的 AI credits,席位等级越高带的越多。

这里要分清两笔钱:席位订阅费和 AI credits 的钱。席位按月或按年付,AI credits 可以是席位里带的额度,不够了再单独买。两边分开算,做预算的时候别混在一起。
| 项目 | 金额 | 条件 |
|---|---|---|
| Starter | Free | Unlimited drafts、UI kits and templates、150 AI credits/day, up to 500 AI credits/mo |
| Professional Full seat | $16 /mo | + 3,000 AI credits/mo |
| Professional Dev seat | $12 /mo | + 500 AI credits/mo |
| Professional Collab seat | $3 /mo | + 500 AI credits/mo |
| Organization Full seat | $55 /mo | Billed annually,+ 3,500 AI credits/mo |
| Organization Dev seat | $25 /mo | Billed annually,+ 500 AI credits/mo |
| Organization Collab seat | $5 /mo | Billed annually,+ 500 AI credits/mo |
| Enterprise Full seat | $90 /mo | Billed annually,+ 4,250 AI credits/mo |
| Enterprise Dev seat | $35 /mo | Billed annually,+ 500 AI credits/mo |
| Enterprise Collab seat | $5 /mo | Billed annually,+ 500 AI credits/mo |
Full seat 是主力,dev 和 collab 席位便宜,含的 credits 也少一截,Organization 和 Enterprise 两档标了 Billed annually,按年付。
计费规则怎么算
Professional 可选按月或按年订阅。席位订阅按适用周期自动续订,续订时按续订日账号里的当时费率和席位数量算钱。订阅费按适用订阅期提前全额支付,除非购买时另有说明。
订阅期中途新增或升级的席位,默认按月度价格计费,可以改成按年。费用从批准日起按日折算到订阅期末,计入下一张账单。这一条对预算有影响,加人之前最好先算好。
AI credits 不够了怎么加
AI credits 可以单独买,作为附加项供整个团队共享。官方写可以启用 pay-as-you-go,也可以订阅来省。月度 AI Credits 订阅是预付固定数量,无论 Professional 是按年还是按月,它都按月自动续订;PAYG 按消耗量算,每月后付到现有付款方式。
付费方案的用户可以让别人查看和评论文件,不用额外买席位。想先看 Figma 免费档的整体限制,站内 Figma免费档限制 有专门一篇。
Figma Make 测评:优点、缺点和适合谁用
优点:产物是代码不是死图
Figma Make 最实的一点,是产物本身是代码。做出来的原型能看、能点,还能在代码和画布之间切。设计上下文从设计系统到图片都能带进来,起步也可以从现有代码库和设计资产开始,不从零画起。
改稿环节省事。Plan mode 先出结构化计划再生成,不用一上来就赌一次提示词。Point and edit 点着元素改,Annotations 把一批改动一次发出去,不用整段提示词重写。Version history 每次 AI 和手动编辑都记着,改坏了能回到上一版。
能接的东西不少。Supabase 加用户认证、存数据、连私有 API;Payload 做后端,带数据库、API、认证和管理面板;发布成带专属 URL 的网站,还能设密码。对做原型、做网页应用的人来说,从想法到能点、再到能发出去,这条线是通的。
缺点和坑:额度是硬约束
AI credits 是硬约束。Starter 每天150,每月最多500;Professional Full seat 一个月3,000。改稿多、附件多、反复生成,烧得比想的快。超了要么买 AI credits 附加项,要么走 PAYG。做预算时把这个当固定支出算进去,别等用完了才发现。
Make on your local codebase 官方写的是 Beta、Coming soon,别当现成功能规划项目。发布走 Figma Community,不是你自己独立托管的站。Organization 和 Enterprise 两档按年付,中途加席位按日折算进下一张账单,预算要留余量。
Figma AI 要求年满18岁。官方条款写 Customer may only use the Services if Customer is of legal age to enter into these Terms according to the applicable laws and regulations in Customer's jurisdiction (and, in the case of Figma AI, only if 18 years old or older)。做演示文稿这类 Figma Make 不擅长的活,站内 AI PPT生成工具对比 可以对照着看。
适合谁用
官方写 Start from your codebase and design assets, or from scratch,面向的是做原型、做网页应用的人。接独立站、落地页、SaaS 外包的,适合用它把想法先跑成能点的原型,再跟客户谈改稿;有设计系统的团队,适合用 Make kits 把设计系统打包成可复用的 AI 上下文,每次生成都带着自己的规范走。
替代方案可以看 Claude Design 和 AI一键生成图片工具。一个偏设计稿生成,一个偏出图,跟 Figma Make 做的不是同一种活。
Figma Make 怎么跟 AI 配合做出海原型和落地页
做原型之前,先用 ChatGPT、DeepSeek 这类 AI 把需求拆成 Plan mode 能吃的结构化计划。拆到什么程度?页面清单、每屏放哪些元素、要什么交互、要接 Supabase 的哪些字段,一条条列出来,再粘进 Figma Make 的 Plan mode。这一步做扎实,生成出来的东西偏得少。
改稿阶段,让 AI 把客户或同事散在聊天记录里的反馈,整理成 Annotations 能一次发出去的改动清单:哪个元素、改成什么样、优先级怎么排。发布前把落地页文案按目标市场本地化,再回 Figma Make 用 Point and edit 逐块替换。
下面三条提示词是本文给的示例,按自己的项目改。
- 我要做一个[产品类型]的落地页,目标市场是[国家],页面包括首屏、功能、价格、FAQ、页脚。请按 Plan mode 的结构输出:每一屏的元素清单、文案要点、要接的数据字段,只给结构化计划,不写代码。
- 把下面这段客户反馈整理成改动清单,每行写:元素名、原状态、改成什么、优先级高中低。反馈原文:[粘贴]。
- 把下面这段落地页文案改成英文,目标读者是[国家]的[人群],保留原意,句子短一点,不用夸张形容词。原文:[粘贴]。
必须人做的有几件。在登录页点 Create one 建账号、指定管理用户;在定价页选 Starter 还是 Professional 席位;在 Make 里打开 Plan mode 把计划贴进去。这三步都在官方界面里,AI 替不了。官方条款、额度规则这类要核对的原文,可以用猎者出海的AI Agent 的写作编辑块整理条款、对照原文,省掉来回翻帮助中心的时间。
常见问题
Figma Make 到底是做什么的?
官方定位是 Prompt to code anything you can imagine,产物是 code-backed 且可视化可编辑,能在代码和画布之间切换。原型、网页应用都能做,发布成带 URL 的网站也行。
Figma Make 多少钱一个月?
Starter 免费;Professional Full seat $16/mo,Dev seat $12/mo,Collab seat $3/mo;Organization Full seat $55/mo、Dev $25/mo、Collab $5/mo,Billed annually;Enterprise Full seat $90/mo、Dev $35/mo、Collab $5/mo,Billed annually。价格以美元计。
免费档每天能给多少 AI credits?
每天150 AI credits,每月最多500。额度不够可以买 AI credits 附加项,或者走 PAYG。
Figma Make 怎么导出或者转成设计稿?
把 Make 预览复制成设计图层,粘到 Figma Design 里编辑。也可以发布成带专属 URL 的网站,定价页标注 via Figma Community,能设密码保护。
能把 Make 里的东西发布成网站吗?
能。官方写 Publish your functional prototype or web app as a website with a dedicated URL,带专属 URL,可设密码保护。
人在国内能不能用 Figma Make?
官方条款规定用户只能在符合所在司法管辖区法律法规的法定年龄时使用服务,Figma AI 要求年满18岁;另外禁止在美国政府禁运或指定为支持恐怖活动的司法管辖区使用服务。大陆能不能用,以官方为准。
Figma Make 和 Figma 设计工具差在哪?
设计工具在画布上摆图层;Figma Make 从提示词生成可运行的原型或网页应用,产物是代码,还能把 Make 文件复制回画布继续调。
Figma Make 的意义不在省一次画图,在于把想法到能点的原型这条线压短了。免费档每天150 credits、每月最多500;真要靠它接活,Professional 一个月16美元含3,000 credits,账要先算清。

发表评论