一句话定位:Figma 内的 AI 提示词造应用工具,输入想法就能得到可点击、能连数据的原型。

Figma Make 是 Figma 在 2026 年推出的 AI 提示词转应用(prompt-to-app)工具,直接内嵌在 Figma 工作流里。你用自然语言描述想做的东西,它生成一个可交互、能连真实数据的预览,可以立刻点着用;也能从已有的 Figma 设计稿、图片或文件起步,给模型更多上下文。它面向设计师、产品经理和前端,把「设计稿 → 可运行原型」之间的 gap 抹平。和纯图像生成工具不同,Figma Make 产出的是带逻辑、能发布链接的网页应用,而非一张静态图。

工具信息

项目内容
工具名称Figma Make
支持系统Web / macOS / Windows(Figma 桌面端)
官网https://www.figma.com
GitHub 地址
官网下载地址https://www.figma.com/downloads/

注:Figma Make 为 Figma 内置能力,需 Full seat(完整席位)才享完整权限,免费 Starter 可试基础额度。

核心能力

提示词生成应用:输入一句需求描述,Figma Make 生成一个可交互预览,包含布局、流程与基本功能。适合把「做个内部看板」这类想法几分钟内变成能点着用的原型,不必先画完所有界面。

从设计稿继续迭代:可以直接丢入已有 Figma 设计、图片或文件作为上下文,让生成更贴合既定视觉。适合已有品牌稿、想快速验证交互的团队,避免从零描述风格。

可视化点选编辑:生成后既能继续用提示词改,也能直接点选界面元素手动调整,或打开代码自己改。适合设计师与开发协作,谁擅长哪层就用哪层。

真实数据连接:可接后端(如 Supabase),用真实用户数据预览应用行为。适合做 MVP 验证,看到的不只是假数据,而是接近上线的真实表现。

发布与协作:成品可发布为公开链接或分享到 Figma Community,团队在同一文件里评论、实时协作。支持 MCP 连接器(Notion、Slack、GitHub、Jira 等),构建时可拉取真实信息。

使用上手

  1. 进入 Figma Make:登录 Figma,从 Figma Make 入口新建画板,或从已有 Figma 设计文件起步。
  2. 描述应用:用自然语言写明布局、流程与功能,例如「一个带登录的后台数据看板,左侧导航、右侧图表」。
  3. 迭代成型:在预览里点选元素微调,或继续发提示词改文案、动画、数据字段,直到满意。
  4. 接数据与发布:连 Supabase 等后端注入真实数据,确认后发布为公开链接或 Community 作品。
  5. 常用技巧:用 Plan mode 规划复杂构建;开启 MCP 连接器拉取 Notion / GitHub 数据;把常用风格存成模板复用。

优点与不足

  • 优点:和 Figma 设计稿无缝衔接,设计师零切换;产出可运行、可发布,而非静态图;支持真实数据与多工具 MCP 连接。
  • 不足:完整 Figma Make 需付费 Full seat,免费档只能做草稿、不能发布;AI 额度按 credits 计、不滚存;重度使用易触顶每日上限。

价格与授权

方案价格说明
Starter(免费)$0500 credits/月(150/天),仅草稿,不能发布
Professional(Full)$16/月(年付)3,000 credits/月,可创建团队文件并发布
Organization(Full)$55/月(年付)3,500 credits/月,集中管理与 SSO
Enterprise(Full)$90/月(年付)4,250 credits/月,企业安全与治理

Dev / Collab 席位(约 $12 / $3)仅 500 credits 且不含 Figma Make 发布权限;具体以官网为准。

适合谁

设计师、产品经理和前端想快速把想法变成可点原型的人,尤其已经在用 Figma 的团队,应该直接试。纯图像/插画生成需求,Figma Make 不是对口工具;需要完全脱离 Figma 的独立建站,可看 Framer。和 Figma AI(通用 AI 助手)的取舍:Figma AI 偏设计流程增强(生成、整理、改名),Figma Make 偏「从提示词到应用」,目标更聚焦。

下载与访问


本文属于「设计」分类的 AI 工具专栏,更多工具评测见分类页。