Figma 的 Config 2025 刚刚发布了一些重要消息，其中一大亮点是全新的 AI 产品： Figma Make 。借助 Make，Figma 允许用户利用现有设计，并通过提示将其转换为完全编码的交互式原型。目标是让您快速体验设计的体验 ，并不断改进其交互性。

这对于在 Figma 内部快速构建原型并验证想法至关重要。但这引发了我们的思考——一旦你从 Figma Make 中获得了 AI 增强的原型， 如何将其融入现有的外部生产代码库并成为可维护的一部分？

首先，让我们分析一下 Figma Make 的功能。Make 由 Anthropic 的 Claude Sonnet 提供支持，它允许你将已经在 Figma 中创建的设计变为现实：

1. 选择现有的 Figma 设计框架。
2. 将其粘贴到 Make 提示框中。
3. 描述您想要的交互性（例如，“为条形设置动画，以便当图形首次可见时，它们从 x 轴向上平滑增长到各自的值”）。
   然后，Figma Make 会解释您的设计（传递结构和元数据，而不仅仅是图像）和提示，以生成编码的交互式原型。

关键功能

快速原型制作： 快速将静态屏幕转变为用户可以点击、交互和体验的内容。
数据驱动原型： 上传文件（如自行车应用程序的 GPX）或连接到真实 API（如诊所查找器的地图 API），使原型感觉更真实。

有针对性的编辑：

指向和编辑工具： 直接操作 Make 环境中元素的大小、颜色和字体等属性。
指向和提示： 选择设计的特定部分并仅针对该区域提示更改。
协作： 由于它位于 Figma 生态系统内，因此团队可以在这些交互式原型上进行协作。
Figma Make 的定位是探索工具，用于快速了解设计的外观和体验，以及创建复杂交互的原型，甚至用于构建更具实验性的 UI/UX 概念。对于希望验证想法并快速迭代设计体验的设计师、产品经理和团队来说，它非常实用。
最后，快去试试看吧！你会发现惊喜的！