Figma Make complete review: features, cost, updates, with Figma and Anima logos Share this article on: Array
AI Design

Figma Make：它是什么、如何运作、积分和限制 (2026)7 min read

Reading Time: 3 minutesFigma Make是Figma的AI提示应用程序工具。以下是它的具体内容、它如何逐步工作、谁可以使用它、AI 积分如何工作、如何发布和导出代码以及它的限制在哪里。

Figma Make complete review: features, cost, updates, with Figma and Anima logos

Figma Make：它是什么、如何运作、积分和限制 (2026)7 min read

Reading Time: 3 minutes

Figma Make是Figma的AI提示应用程序工具。 You describe what you want, or start from a Figma design, and it builds a working prototype or web app that you can preview, refine in chat, edit in code and publish. 它作为专用 Make 文件位于 Figma 内部，因此它可以使用您的设计和库作为上下文。它面向设计师、产品经理和任何需要将想法转化为人们可以点击的东西的人。

事实已于 2026 年 11 月 1 日对照 Figma Make 页面和 Figma 帮助中心进行核对。计划、制作人员和功能经常发生变化，因此请在购买前在 Figma 中确认当前详细信息。

This guide explains what Figma Make is, how it works step by step, which features matter, who can use it, how AI credits work, how to publish and export, and where its limits are.如果您在工具之间进行选择，我们的 Figma Make 与 Anima Playground 比较 涵盖替代方案。

Figma Make是什么？

Figma 将 Figma Make 描述为一款人工智能驱动的应用程序提示工具，可让您将想法和现有 Figma 设计作为功能原型、网络应用程序和交互式 UI 变为现实。您可以在实时预览旁边的聊天中工作，并且您构建的所有内容都有代码支持，因此您可以在预览、点击编辑和代码本身之间切换。

Figma introduced Make at Config 2025, and it has grown from a single-component idea into a full product with plan mode, a code editor, backends, publishing and integrations.它与 Figma Design 是分开的：您可以使用草稿中的 Make 按钮，以与创建其他 Figma 文件相同的方式创建 Make 文件。

Figma Make 聊天提示要求在生成的交互式音频设置面板旁边提供播放设置模式，并带有均衡器
图片：Figma。提示和附加设计成为交互式设置面板。

您可以使用 Figma Make 构建什么？

  • 用于与用户测试的流程或功能的可点击原型。
  • 现有 Figma 设计的交互式版本，具有转换和逻辑。
  • 小型网络应用程序或内部工具，具有数据和登录后端。
  • 您可以发布到公共 URL 的登陆页面或微型网站。

Figma Make 的工作原理（一步一步）

  1. 创建 Make 文件。 在 Figma 文件浏览器中，打开草稿并单击 Make 在右上角。您还可以从模板或克隆 GitHub 存储库开始。
  2. 写一个提示。 描述您想要在聊天中构建的内容。您可以输入或听写。具体说明用户、主要任务和屏幕。
  3. 添加上下文。 将 Figma 设计附加到聊天中或将框架粘贴到聊天中，从 Figma 库（付费计划）引入样式上下文，添加后端，通过 MCP 连接器连接工具，或者让 Make 搜索网络或获取 URL。
  4. 如果你想控制，请先计划。 在付费计划中，计划模式会生成一个结构化计划，您可以在编写任何代码之前对其进行编辑。
  5. 查看预览。 Make 构建应用程序并实时展示。像用户一样点击它。
  6. 精炼。 继续聊天，使用点和编辑来更改特定元素，添加注释并一起发送，或者打开代码编辑器并直接更改代码。
  7. 分享或发布。 共享文件以获取评论反馈、将预览作为图层复制回 Figma Design、将其发布到公共 URL 或下载代码。
Figma Make 工作区，左侧是 AI 聊天，提示要求使用媒体播放器，右侧是实时应用程序预览
图片：Figma。左侧聊天中提示，右侧生成的应用程序的实时预览。

Figma 文档中的一个实用提示：附加框架或组件，而不是将链接粘贴到 Figma 文件。 Make 不会从 URL 读取设计，粘贴的链接可能会导致意外的输出。

Figma Make 主要特性

特征 它的作用
计划模式 在生成开始之前创建可编辑的计划，以便您可以首先阐明意图。
附件 允许您附加设计、图像、视频、音频、文本文件和 PDF 来指导模型。
指向并编辑 单击预览中的某个元素可重新设置其样式、交换它或提示进行更改。
注释 选择几个元素，描述更改并将它们立即发送到模型。
代码编辑器 查看和编辑生成的代码，添加您自己的文件并添加如下 Make 指南。
Make套件 同步 npm 包、库样式和指南以生成更高保真度的原型。
MCP连接器 从文档和任务等外部工具中提取上下文。
版本历史 预览、收藏或恢复任何早期版本、AI 或手动版本。
评论和手机 收集有关原型的反馈并在手机上查看。
模板和自定义技能 重复使用经过验证的工作流程或打包您自己的 Make 指令。
Figma Make 指向并编辑：带有提示框的选定标题元素，要求在播放歌曲时对时间戳进行动画处理
图片：Figma。通过指向并编辑，您可以在预览中选择一个元素并提示进行更改。

Figma Make 与 Figma 代码层与 Figma Sites

这三个人都糊涂了。 Figma Make 在一个专用文件中工作，您可以在其中构建和发布应用程序。代码层可让您在 Figma Design 画布上探索设计旁边的互动想法；请参阅我们的指南 Figma 代码层和规格。 Figma Sites 用于发布在 Figma 中设计的网站。当输出应该像应用程序一样运行时，请选择 Make；当您想要在静态设计旁边添加交互式元素时，请选择代码层。

谁可以使用 Figma Make，AI 积分的费用是多少？

Figma Make 适用于 Starter（有限制）、Professional、Organization、Enterprise、教育（高等教育和训练营用户）和政府计划。您的座位决定您可以做什么：

座位 在Figma Make你可以做什么
满的 一切：在文件夹和团队中创建 Make 文件、共享、发布、使用代码编辑器和导出代码。
开发者 在草稿和导出代码中尝试 Make。
协作和查看 在草稿中尝试 Make。

Make 依靠 AI 积分运行。每个席位都包含积分，每月重置，并且不能共享或延期。截至 2026 年 10 月 Figma 的文档：

方案（全席） 每月人工智能学分
Starter 500（加上每日限额 150）
Professional 3,000
Organization 3,500
Enterprise 4,250

提示使用多少积分取决于您选择的模型和任务。 Figma 自己的示例基于 2026 年 2 月的默认模型，进行了一些小更改，例如以大约 30 或更多积分更新字体，以及以大约 75 或更多积分使附加设计具有交互性。为小型编辑选择较轻的模型并为大型构建使用计划模式有助于您的学分持久。

发布、后端和完成您的工作

发布

单击“发布”，设置标题，Make 会为您提供一个公共 URL，如下所示 three-random-words.figma.site。您可以在支持的计划上连接自定义域。已发布的应用程序托管在 Amazon Web Services 上，并通过 Cloudflare 进行路由，默认情况下它们不会被搜索引擎索引，并且 Make 没有内置分析仪表板，尽管您可以在设置中添加 Google Analytics ID。

Figma Make 发布按钮在已发布的网站设计网格上突出显示
图片：Figma。将 Make 应用程序发布到公共 URL。

后端

要存储数据并支持登录，您可以要求 Make 创建一个由 Payload 支持的后端，其中包含数据库、文件存储、身份验证和管理面板，或者从 Make 设置连接您自己的 Supabase 项目。

CMS 面板旁边的 Figma Make 应用程序预览列出了带有标题和日期的事件，显示了存储数据的后端
图片：Figma。具有 CMS 的后端允许 Make 应用程序存储和管理数据。

出口代码

拥有完整席位或开发席位的用户可以通过“文件”选项卡中的“文件”操作以 ZIP 形式下载 Make 文件中的所有文件。将下载的内容视为原型代码库：在本地运行它，在其上进行构建之前对其进行审查和重构。

Figma Make 聊天面板显示 15 个代码更改、查看更改和创建 PR 按钮以及带有创建新分支的分支菜单
图片：Figma。查看 Make 已在分支上生成和工作的代码更改。

将设计移回 Figma

在付费计划中，您可以将当前预览复制为设计图层并将其粘贴到 Figma Design 中。这些图层是可编辑的，但它们是快照。它们不是交互式的，不链接到 Make 文件，也不自动绑定到您的设计系统。

Figma Make 开始之前需要了解的限制

  • 大多数功能都需要付费计划的完整席位，并且在大型构建中积分可能会很快耗尽。
  • 它是为原型和简单应用程序而构建的。生产软件仍然需要工程审查、测试、安全和维护。
  • 您对 Figma Design 中复制的图层所做的更改不会流回 Make 文件。
  • 如果您要求模型使用 Supabase 并且集成未连接，它可以生成模拟代码而不是工作连接。
  • 对于已发布的网站来说，SEO 控制和分析是最少的。
  • 您不能向它提供 Figma 链接并期望它读取该文件。连接或粘贴框架。

如果您需要真正的前端代码、网站克隆或位于 Figma 之外的应用程序，请考虑替代方案，例如 Anima Playground。我们诚实地比较它们 Figma Make 与 Anima Playground 对比.

Figma Make 的提示想法

命名用户、任务和状态的特定提示会产生更好的初步结果。试试这些：

  • “为预算应用程序构建一个三步入门流程。显示进度指示器，验证每个字段并在成功屏幕上结束。”
  • “将附加的定价框架变成交互式页面。在每个计划卡上添加每月和每年的切换以及悬停状态。”
  • “为对工单进行分类的代理创建支持仪表板。包括过滤器、空状态和加载状态。”
  • “制作一个带有宾客结账、地址验证和订单确认功能的移动结账原型。”

使用 Anima Playground 构建工作应用程序

更喜欢可以导出和运送的真实网站或应用程序？描述它，Anima 将构建它。

Figma Make常见问题解答

Figma Make是什么？

Figma Make 是 Figma 的 AI 驱动的应用程序提示工具。它将提示或现有的 Figma 设计转换为功能原型、Web 应用程序或交互式 UI，您可以在聊天或代码中预览、编辑并发布。

Figma Make是免费的吗？

Starter 计划可以免费探索 Figma Make，但有限制，包括每月 500 个 AI 积分和每日限制。付费计划的完整席位可以获得更多积分和功能，例如团队库上下文、计划模式、共享和发布。计划有变，因此请查看 Figma 的定价。

如何使用Figma Make？

在您的 Figma 草稿中，单击 Make，在聊天中编写提示，附加设计或样式上下文（如果有），发送并通过聊天、指向和编辑或代码编辑器完善结果。然后共享、发布或导出它。

Figma Make可以导出代码吗？

是的。拥有完整席位或开发席位的用户可以从“文件”选项卡下载 Make 文件的代码作为 ZIP。最好将其视为原型代码库，在生产使用之前进行审查。

我可以发布 Figma Make 应用程序吗？

是的。满员席位可以发布到公共的Figma.site URL，初学者用户只有同时发布到Figma Community时才可以公开发布。您可以在支持的计划中添加自定义域，默认情况下，搜索引擎不会对已发布的应用程序建立索引。

Figma Make和Anima Playground有什么区别？

Figma Make 在 Figma 生态系统内构建原型和应用程序。 Anima Playground 是一个独立的工作区，从提示、Figma 设计、URL 或图像开始，生成可编辑的 HTML 或 React，您可以导出、移交和发布。详情请参阅我们的比较。

|

Co-founder & CEO

Related Posts