Figma's AI Prototyping Tool is Here and...It's a MUST TRY | David Kossnick

Figma Make 是一个原型制作工具，可以通过简单的提示、截图或模型来启动。我见过很多非常酷的案例，比如团队利用公共 API 来构建他们特定的工作流程，用于营销创意活动，以他们最喜欢的方式找到他们附近的下一班火车。因此，我们认为我们将成为从设计开始，在游戏中获得真正高保真、可用且功能齐全的产品的最佳场所。Figma Make 的 Alpha 测试者是我的六岁儿子。他在 Figma Make 中制作了大约 10 个游戏。他放学回家时带着想法的草图，然后说：“我能把这张图片交给 Make 来开始制作游戏吗？” 制作这个产品最困难的部分是什么？好的，欢迎大家。我今天的嘉宾是大卫，Figma AI 的产品负责人。Figma 刚刚推出了全新的 AI 原型制作工具 Make。因此，我非常期待大卫演示如何使用 Make，讨论构建该产品所付出的努力，以及他在 Figma、KOD 和 Google 工作十年后构建 AI 产品的顶级经验教训。欢迎大卫。谢谢你，彼得。很高兴见到你。好的，伙计。非常令人兴奋。我一直在玩 Make。它是一个非常出色的原型制作产品，你能先向我们展示一下它是如何工作的，并展示一些例子吗？听起来很棒。Figma Make 是一个原型制作工具，可以通过简单的提示、截图或模型来启动。最初是为设计师、产品经理和工程师设计的，让他们将想法变为现实，并从 Figma 中的概念开始，并将其变成可以玩和感受的东西。因此，为了快速向您介绍，我们将从一个基于文本的提示开始，一个现代图像库，您可以在其中点击不同的照片并进行过渡。这需要几分钟时间，您会看到它开始推理可能包含的范围。所以，这是我打算如何做的。创建一个显示图像网格的图库组件。这些是我需要的东西。然后我将描述它将要完成的工作。当它开始在后台生成代码时，您将在此处看到它。因此，作为其中的一部分，Figma 首次构建了我们自己的原生代码编辑器，配备了语法高亮、代码自动完成、错误控制台等。您最终可以进入并直接编辑该代码。所以，我们开始吧。那个很快。让我们看看它的表现如何。相当不错。您对此有一个起点。太棒了。跳过去看看代码。而且，一个很酷的功能是，我将称之为指针。您可以单击一个组件，然后跳到代码中相应的部分，以便来回查看它是如何工作的。我想知道它从哪里获取图像。它是否从 Unsplash 之类的地方获取？是的。它可以通过多种方式生成图像。最常见的一种是通过 Unsplash。因此，我们发现，特别是对于占位符图像，要传达一个想法，这是一个非常有帮助且非常快速的起点。太棒了。再多演示一些，伙计。你还有什么？好的。所以，我们再来一个。所以，只是从一张图片开始。我将拍一张太阳系的图片，然后说“让它互动起来”。这个更复杂一些。所以，我将切换到我完成运行后展示的内容。所以，您可以看到这里，它又一次进行了推理，开始生成，编写了代码，告诉我它做了什么，并且您立即拥有了可播放的实现。因此，我可以尝试点击这里。我可以看到行星在旋转。而且，这真的很神奇，特别是对于那些可能不知道工程技能的人，甚至是那些知道的人，但将所有这些连接起来可能需要很长时间。我突然对这个东西的外观和感觉有了更好的了解，这仅仅是基于纯粹的视觉简单提示。是的，这太神奇了。我可以教我的孩子们太阳系是如何运作的。太棒了。当然。哦，抱歉。哦，是的。我只是想说，所以这只是来自一张静态图片，对吧？没错。是的。所以，这只是上传了一张 PNG 图片。好的。继续。当然，我们是 Figma。我们的主要用户是数字产品的产品设计师。因此，我们当然做了很多工作来让它真正闪耀。所以，如果我跳到一个更正常的 Figma 文件，您可以看到这里有大量的组件和图层。我将复制这个东西，然后回到一个新的 Make 文件，然后粘贴进来。我会说“让它互动起来，包括仪表板”。我将再次跳到它完成运行后发生的情况。您可以看到，我又一次得到了一个相当实用的原型。让我们尝试点击一下。它说成就显示和隐藏所有这些编辑个人资料。是的，这实际上相当不错。太棒了。我认为你明白了，伙计。我认为这实际上非常非常棒。所以，你实际上复制了 Figma 框架，对吧？或者说画板。是这样吗？没错。所以，在后台，当您从 Figma 中引入内容时，您也可以在这里进行，从您的团队或社区中提取内容，我们不仅仅是引入图像，而是引入 Figma 的所有丰富结构化数据。就像所有的图层、所有的元数据、所有的样式细节和每一个配置。这使得从设计到代码的转换得以闪耀。因此，我们认为我们将成为从设计开始，在游戏中获得真正高保真、可用且功能齐全的产品的最佳场所。C，你能把图片再调出来吗？本集由 Merge 提供。产品负责人听到“集成”这个词就会皱眉。它们对您来说并不有趣，无论是范围、构建、发布还是维护。集成可能不是您最初从事产品工作的初衷。幸运的是，Merge 的人们痴迷于集成。他们的单一 API 帮助 SaaS 公司在几周内而不是几个月内推出 200 多个产品集成。将 Merge 想象成 Plaid，但适用于所有 B2B SaaS。Ramp、Drata 和 Electric 等组织使用 Merge 来访问其客户的会计数据以核对账单付款，文件存储数据以在产品中创建可搜索数据库，或其数据以自动为客户员工配置访问权限。是的，如果您的 SaaS 产品需要 AI 就绪数据，那么 Merge 是最快的方法。因此，如果您想一劳永逸地解决公司的集成难题，请在 merge.dev/peryang dev/peryang 预订会议，并在参加时获得 50 美元的亚马逊礼品卡。现在，让我们快速回到节目。是的，伙计。它看起来和图片一模一样，伙计。是的。我的意思是，看看，设定预期。您知道，这是 AI。这些是非确定性系统。您肯定会遇到它会感到困惑或崩溃的情况。我们非常注重细节。但同时，我们为这个问题带来了很多背景信息，关于数据集、数据源的背景信息，因此我们非常兴奋能让从设计开始并将其变为现实变得更加容易。所以，我认为这在某种程度上已经回答了这个问题，但我不得不问你，你知道，现在有很多原型制作工具，对吧？带有 AI。那么，是什么让它成为 Make 的三大好处或三大独特价值主张呢？嗯，有几个，我的意思是，我们才刚刚开始，这是一个早期测试版。我们非常兴奋能获得大量反馈，我们对这个领域非常兴奋。但就我们开始的地方而言，您知道，第一个是从设计开始的最佳场所。因此，我们再次从 Figma 平台、我们的其他产品中了解了很多关于您引入的上下文信息。我们认为从模型或草图开始，然后在这里变成一个可玩的东西会非常非常棒。我认为第二个是 Figma 是一个平台，我们的所有产品都是多人优先的。这也是 Figma 如此成功的原因之一。因此，我很乐意现在向您展示。如果您打开这个文件，我与您分享了。您可以进来和我一起做点什么。所以，您将进入同一个文件。我的头像在这里的右上角。我聊过天了。是的，您将能够看到我所做的更改实时更新。让我，你分享给我了吗？是的。等等，我换个窗口。Riverside 也有聊天吗？是的。在这里，我也会把它放在 Riverside 聊天中。工作室聊天。好的。让我，让我，让我找到我从不使用 Riverside 聊天。哦，在那里。好的，让我，让我打开这个。好的，我正在热切等待它加载。好的，我看到你的脸在那里了。所以，您可以做的一件事是打开这个指向工具。您会注意到，您知道，我们是 Figma。我们以直接的视觉控制而闻名。您可以进行更改。所以，我希望您进行一些视觉更改，我也应该实时看到它更新。好的，让我，让我，我把它变成了红色。好的，就这样。很好。而且，我还可以提示左边的 AI，是的，提示。所以，您可以开始聊天了。您会看到您的脸在那里显示。而且，你知道，另一件很酷的事情是，所以，我们去仪表板。您会注意到悬停状态有点奇怪，为什么会有那种灰色背景？所以，我们可以选择这个元素。您会看到这个工具栏。这个工具栏的一部分可以让你做上下文提示。所以，您会看到这个说 div。div 出现在提示框中。所以，我可以这样说，“让这个悬停状态……不要改变背景颜色，而是动画化这些条形。”所以，您也会在屏幕上看到那个提示。而且，另一个非常酷的多人功能是，您知道，如果您选择一个元素，您还可以跳到代码视图，看看确切的代码。哦，看起来这个现在正在被重写。但一旦您进入代码视图，它也是一个多人代码编辑器。所以，您可以实时更新代码，我也会在我的端看到更新。哇，伙计。这应该是 V1。你让我们看起来很糟糕，伙计。这应该是一个 V1 产品。你已经拥有了……这已经相当不错了，而且功能丰富。你非常客气，彼得。是的，我们非常兴奋。我认为，我们才刚刚开始。让我们看看它在这方面做得怎么样。哦，更新了静态条。悬停时，悬停条会稍微增长。有趣。它没有完全达到目标。您会看到。有趣的是，当它失败时，您通常可以……与它合作，使其达到更好的或更接近的状态。当然，您也可以直接进入……您知道，更改。但这些东西并非万无一失。我们之所以处于测试版 2，是因为我们非常渴望获得人们的反馈。所以，您会看到点赞和点踩，我们正在寻找……更多关于哪些具体案例有效，哪些无效的反馈。我们可以更详细地讨论我们的评估循环，这是我们质量流程中非常重要的一部分。是的。让我们稍微谈谈构建……比如 AI 产品……比如……也许你知道，你不必回顾秘密配方，但……比如，从高层次上来说，它是如何工作的？比如，当我提交一个提示时……你知道，“让它互动起来”……听起来就像一个计划步骤，你提示它先计划，先做一个规范，是这样吗？是的。是的。所以，我们正在努力解释 AI 本身响应的一些内容。所以，您会在推理中看到，它首先会自己考虑应该包含什么范围。然后，当它做出决定时，它就开始执行。它会给你一个读数，比如，“好的，我现在要开始做这些事情了。”而且，我们还投入了大量资金进行代码流式传输。这些东西可能需要一段时间，可能需要几分钟才能生成所有代码。因此，即使在进行过程中也能理解发生了什么，作为用户体验的一部分非常重要。因此，我们投入了大量资金用于代码流的延迟和用户体验，以了解……好的，它正在处理一个文件，并且它正在生成完整的文件，或者不，实际上文件已经存在，并且它似乎只是在编辑其中的一部分。因此，它会根据您的起点做出一些决定，这可能是现有的代码库，可能是您引入到该提示中的 Figma 模型……或者图像等等，来决定做什么。明白了。是的。是的。比如，因为它可能需要几分钟，对吧？所以，展示它在工作对用户来说很重要，让他们理解。是的，当然。而且，而且，你有什么……外面有很多关于 AI 编码的技巧，你是否尝试将这些东西嵌入到提示本身中？嗯，我想其中一个就是……先制定一个计划，但……你知道，你有什么关于……比如，“使用这个框架”或者……你知道，你使用这些东西……或者？是的，这很有趣。你知道，我认为 AI 编码现在也有一个版本，而且……提示也有一个版本了。比如，你知道，在更普遍的提示版本中，有一些表情包，比如给 AI 小费，或者……告诉它更快地做，或者……威胁它，如果它做得不好，你知道，会发生一些坏事。比如，在 AI 编码中也有一个迷你版本。你知道，我认为那些实际上是有意义或有帮助的现实正在迅速变化，模型也在不断变化，产品层面的东西也在发生很多变化。你知道，我们正在进行大量的迭代，目标是让用户不必真正考虑它。而且，我们发现大多数用户……你知道，他们想带着一个高层次的想法进来，得到一些草图，得到一些可以玩的东西，并对它是否是他们想要的东西有一个感觉，然后从中改进，或者他们带着一个非常具体的想法进来，比如一个模型，他们想去感受它，看看他们没有考虑到的角落，以及这应该如何影响方法。所以，我们不希望用户承担……知道最新最佳实践的负担，如何准确地措辞。比如，我们想要一个更灵活、更容易理解的系统。好的。所以，你知道，我们一直在谈论构建 AI 产品……在实践中，很多时候就是……就像你说的，很多时候就是迭代……也许你在某个笔记本里……只是尝试编辑提示，然后……然后其中很大一部分显然是评估，对吧？而且……也许你能给我们一些关于……你对这个产品有哪些类型的评估？是的。是的。评估一直是这个项目的一个非常有趣的部分。是的，我们很早就意识到，用户实际上在质量上有两个不同的维度。所以，我们今天有两个分数。我们有一个设计分数和一个功能分数，它们在某种程度上是正交的。比如，你实际上可以有一些情况，它完全正确地实现了功能，但相对于用户想要的来说，它看起来完全错误，而且仍然有合法的用户价值。所以，我认为我们学到的另一件事是，你知道，即使我们的目标用户是设计师……但也有不同的子用户群体和不同的用例和场景，其中设计分数与功能分数的重要性截然不同，而且……我们有一个……你知道，一个测试小组，你也是其中一员。感谢你所有的反馈。看到……内部工具有多少案例，其中功能非常重要，或者有多少游戏，其中感觉比……不一定所有细微差别都更重要，这非常有趣。所以，我认为这些是早期的一个见解，那就是……有两个分数，而用户对这些分数的期望值因用户群体和场景而异。所以，并不是说有一个数字你必须在所有地方都达到。而是说，对于不同的细分市场和目标，你在不同的维度上必须达到不同的数字。好的。所以，你基本上让……真人来评分……比如，真正的 Figma 员工或……测试者。是的。所以，我们已经通过几种方式来获得……获得分数本身。所以，你知道，那些……我们最初是从一个原型开始的，它相当基础，我们做了大量的内部测试，问题是……质量离可行性还有多远？所以，我们有一个巨大的 FigJam 板，在第一次评估中，我们让整个 AI 设计团队花了几个小时来尝试提示并记录……输入提示，这是我的文件，这是截图，这是设计分数，功能分数，以及我的笔记。而且，我们对设计和功能的分数是 1 到 4 分。4 分是完美的，3 分是好的，2 分是不太好，1 分是绝对糟糕的。从那时起，你知道，我们开始构建它。我们觉得，好的，有了一条让它变得可行的道路。我们实际上将相同的流程扩展到了整个公司，这非常疯狂。我认为这是 Figma 最具侵略性的……最广泛的……最普遍的内部测试工作。我们称之为“伟大的烘焙大赛”。而且，我们有现场会议，在时区之间有 12 场，面向我们所有的全球员工，人们会聚在一起……现场进行小组……像群体 AI 编码会议……并且……以一种相当结构化的方式再次使用这种相同的……大 FigJam 板……比如，这是确切的事情，这是有效的东西，这是无效的东西。比如，那时我们甚至还没有在产品中内置点赞和点踩功能。所以，我们有点……用 FigJam 来……快速获得反馈。这非常有帮助。比如，这成为了我们评估中的第一千项。我们说，这些是人们喜欢的伟大案例。我们不应该失去这些。比如，这是人们想要改进的最令人沮丧的案例。而且，我们把那些原话……这是一个非常……非常乐于助人的流程。然后，从那时起，你知道，我们确实有一个承包商团队……与我们合作……以扩大……大量的人工判断……以获得更快的反馈循环。因此，在我们甚至……向更多用户推出之前，这对于……规范化大量这些……数据集非常有帮助。比如，评估集中的一些东西是什么？比如……你知道，它运行正确吗？这是其中之一。比如，评估标准中的一些东西是什么？比如……你知道，它……是的。是的。我的意思是，有一些有趣的情况。所以，我们遇到过……你知道，给我做一个仪表板……就像我向你展示的那样，视觉上是正确的，但……什么都不能正常工作，你会说，“让它互动起来……添加悬停状态”，然后……什么都没有发生，你会说，“它抓住了设计……功能上有些东西真的坏了，我们不知道为什么。”明白了。所以，你会遇到这种情况。然后，你也会遇到……你知道，那些非常有趣的情况，你给它一个非常模糊的提示，并且有很多不同的正确答案，它们都有权衡。我认为这是另一个有趣的部分是……让设计师和产品经理深度参与评估集非常重要……这是产品设计过程……当你有一个模糊的提示时，这些是……合理的答案，而这些不是。而且，我认为有很多……人类判断涉及……比如，“给我做一个……给我做一个团队会议的微型网站”，然后……哇，有很多种方式可以做到。是的。是的。不幸的是，人们并不总是给 AI 特定的指示。所以，当然。而且，我的意思是，有一个有趣的问题是……你知道，如何……如何更好地理解用户意图的来回交流。而且，你有没有……所以，所以你基本上让……整个公司都支持……你知道，内部测试，但你有没有……某种形式的 AI 作为法官……合成评估……还是对这个产品来说太复杂了？是的，好问题。所以，实际上有四种类型的评估。我可能应该先说这个。实际上有四种类型的评估。一种是确定性评估。所以，你知道，我们还有一个 AI 功能，它已经在 Figma 设计中使用了很长时间，称为 AI 文本工具。所以，如果你有一个文本节点，你可以让 AI 写东西。你可以让它缩短文本。而且，比如，让 AI 缩短文本是一个确定性的……能力。比如，你可以查看输出，看看它是否缩短了。而且，你知道，我们已经有了很长时间的错误……比如，如果你在一个句子上运行它，它会变成一个段落。比如，这是一个……非常可衡量的，非常可重复的逻辑错误。同样，没有正确的东西。是的。是的。是的。正是如此。同样，对于代码生成……如果你生成无法编译的代码，那就是……逻辑错误。所以，这些是……最容易的评估形式是……它是否正确。我认为第二种是定性的。我认为既有……你团队中的人类，也有……一个规模化的版本，有承包商，而且……你知道，在生成式 AI 之前，我在 Google 搜索工作过，有一个 100 页的公开文档，描述了搜索评估员应该如何评估搜索结果页面……关于什么质量好或坏，你应该……点击每个页面，看看不同的东西。他们有成千上万，数万人接受过关于如何用良好的判断力进行评估的培训。所以，我认为……每个产品团队现在都在制定自己的……关于……好的，如果我要评估东西……我只有这么多时间。比如，我们如何加快这个过程？一方面是人类来做。另一方面，你可以让 AI 来做。所以，你知道，那本 100 页的书基本上是一个非常长的提示，现在给 AI 作为法官？我认为对于一些问题来说，这更可行，而且……是的，你实际上可以得到……作为法官，工作相当一致，并且与人类判断相当一致。我认为对于其他问题来说，这更难，而且，你知道，在我们设计领域……有一些非常有趣的情况，其中……即使是设计师也会对……什么是正确的输出意见不一。比如，你怎么能指望 AI 持续做好工作，如果一群人……辩论……在这种情况下，什么才是合理的行为？所以，我认为它可能有助于……数量级上的变化……比如，这次有什么东西真的坏了。但我认为它通常非常微妙……比如，这实际上是正确的，还是朝着正确的方向前进？它不能品味，对吧？你必须让人类来做……你知道，正是如此。是的。然后，最后一种评估是……使用情况。所以，你知道，我们还没有上线，我们现在已经上线了 Figma Make……但 A/B 测试对于理解……比如，不同的方法……用户行为有何不同，非常有帮助。明白了。制作这个产品最困难的部分是什么？我的意思是，你可能已经做了很长时间了，鉴于它的抛光程度。所以，是的，我的意思是，有挑战的层面，我想说。第一个是基础设施。所以，Figma Make 源于一个名为代码图层的项目，所以我们有一个名为 Sites 的项目，你知道，我们在 Config 上发布了一个新的 Sites 产品，我猜我们在 Config 上刚刚发布了一个新的 Sites 产品，而 Sites 一直是一个漫长而巨大的努力，它涉及与 Figma 设计完全不同的渲染技术……并且涉及将……Figma 节点转换为可渲染的、可发布的……有大量的延迟和可扩展性工作。所以，这是关于将 Figma 原始对象和代码拉得更近的一个非常漫长的过程。从这个基础中诞生了代码图层，它就像……如果我们让你在画布上写 React 并将其发布到 Sites 中呢？如果你能和它聊天呢？如果你能将设计转换为代码呢？然后，当我们在这个 Sites 上工作时，我们想……你知道，这真的很好。而且，有很多情况是你不想只在一个网站的部分上这样做。你想在整个网站上这样做。这就变成了 Figma Make。所以，我们从 Sites 中提取了那一部分，将其变成了一个独立的形态和形状。它确实能够受益于 Sites、代码图层以及……与代码的代理交互的许多长期基础设施投资，但形态非常不同。所以，这是第一个方面是……有很多底层基础设施是建立在它之上的。我认为第二个挑战领域是质量、速度和成本。而且，模型质量是一个非常艰难的爬坡过程。而且，有很多有趣的权衡，商业权衡和产品体验权衡……关于……你想在质量、速度、成本……世界中处于什么位置。以及你如何朝着一个你知道以正确的方式满足用户意图的方向前进。而且，比如，做好评估，爬坡顺利，处理所有这些细节，拥有一个实验日志……所有这些都是非常详细的工作，需要时间和……很多细微之处。然后，我想说第三个挑战是……AI 的非确定性程度。所以，你知道，我们有一些有趣的情况，你给代理一个设计，一个设计的图像……并要求它做某事，有时它会做得很好，有时会彻底失败，而且很难弄清楚为什么。而且，我们有一个这样的案例，结果发现我们传递给模型的图像格式是错误的，模型根本无法读取图像。而且，我们很震惊，当它字面上无法读取图像时，很多时候只是基于提示……它猜得很好，但有时它会吐出一些完全不相关的东西。而且，我们想……我们怎么知道问题出在哪里？你知道，你怎么诊断它？所以，能够完全看到所有步骤……哦，我们不小心截断了消息历史记录，所以它不知道早期的事情，而你以为它会知道。比如，有很多错误和边缘情况，很难说……等等，为什么它现在不太对了。是的。这……这正是我认为……你试图让系统尽可能简单，这样如果有什么东西坏了，你就可以……你知道，要么修复提示，要么电子邮件，或者……否则你有太多步骤，因为很难弄清楚发生了什么。是的。当然。而且，你知道，所以……你知道，人们一直在谈论……你知道，所有的产品经理现在都必须成为 AI 驱动的，等等。而且……我认为你probably 你的团队是最 AI 驱动的团队，因为你在构建 AI 产品，所以……你们是如何……你们是如何构建这个产品的？我认为……我假设这不是一个瀑布开发过程，对吧？是的，我认为……你和我过去也聊过这个，但我认为……原型比……一千个词更有价值。而且，行业的好消息是……制作原型的成本正在大大降低。比如，速度、专业知识、团队规模。所以，你知道，在 Figma Make 上开发一个原型工具很有趣，我们自己也在进行内部测试。比如，Figma Make 有很多想法，PM 和设计师们已经完成了，并且在 Figma Make 中进行了原型制作，没有工程师参与，并且……对它的感觉和玩法有了一些感觉。比如，“哦，哇。是的，这……这很有帮助。”嗯，是的，我认为……在设计层面，我想说原型已经很重要一段时间了。比如，Figma 有面条的概念，并且能够连接事物，但它更耗时。它不像高保真。而且，我认为我们已经看到……在过去一年里，原型从……在很多项目中非常有用的东西，变成了……选择设计工件的新的黄金标准。而且，我认为在明年，我们将看到它变成……产品经理选择的新的黄金标准。而且，你知道，你的 PRD 是一个很好的起点，但为什么你不把你的……整个 PRD 放在一个提示框里，然后得到一个你可以玩的东西，让你意识到你的 PRD 的很多东西实际上感觉有点尴尬，而且不对？而且，实际上给设计师和工程师一个方向性的感觉，比如，这就是这个东西的形状，而且……这些部分我们知道是问题。我需要你的帮助来弄清楚我们应该怎么做，而且……这些部分肯定不会扩展，而且……我们如何实际构建它？但要更深入地了解问题，更深入地了解问题，我认为这是一个巨大的行业趋势，而且非常令人兴奋，而且对我个人来说也很有赋权，因为我自己也是一个产品人。然后，我想说，对于 AI 团队来说，原型之所以如此有帮助，是因为你不知道它是否会起作用，直到你把它连接起来。而且，我认为……你可以进行模型……你可以进行隔离评估，但你也不知道……在流程中，期望是什么，直到你感受到它，或者用户以某种方式感受到它。所以，你知道，我有时会和我的团队谈论……AI 中的选择迷宫。而且，你知道，你有一个功能想法，它可能是……你可以直接穿过迷宫并发布，而且……整个东西都能正常工作。而且，模型支持。是的。也许只有 1% 的时间，原型会证明这一点。但也有可能……你甚至无法进入迷宫，而且……它太慢了，太贵了，它只是……这是一个太难的问题。你的想法在今天的模型上行不通，你必须……把它放在一边，以后再回来。还有一些情况是……你进入了迷宫，它在某些方面有效，在其他方面无效。这是一个相当常见的情况，你必须做出选择……你是走出迷宫等待？你是尝试添加产品约束或缩小范围，使其更容易，以便它能够工作？还是你拿出中间的……大锤子，试图……打破这些墙壁……比如，微调和构建自定义模型，然后……硬性解决硬数据问题，并……让质量达到一个好的水平。我认为……现代 AI 产品经理的艺术在于弄清楚何时在迷宫中选择哪些转弯，以及……你知道，这是否真的可以解决……我们是否应该改变约束条件，以简化产品，为用户提供大部分价值？是的。你必须习惯于……一直到……内部测试阶段，然后……模型无法正常工作。所以，你必须……推迟发布……或者那个功能……比如，一个季度，直到……一个新的模型出来。完全。所以，你如何在……在雇佣工程师来做这个项目之前……你如何在……在把它变成一个完整的东西之前做到这一点？比如，你把原型提前，你从用户那里获得反馈……关于……这个体验中的质量标准是什么？比如，它可能开箱即用，也可能不行。而且，也许这……塑造了……项目中最困难的部分是什么。所以，比如……如果你想给 Make 添加一个新功能……是设计师直接制作原型，还是他们先考虑设计？这是关键问题。他们去哪里？是的，我见过所有这些。我认为这取决于。你知道，我们肯定遇到过……比如，你可以从一个好的现有 Make 开始……你知道，你可以通过提示来……感受一下一些改变会是什么感觉，然后说，“好的，是的……这会感觉很好。”你知道，也有一些情况是……很难解释，而且……你知道，这很有趣，就像你之前说的……给 AI 发送一个一句话的模糊描述，它能想出任何好的东西，这真是太不可思议了。比如，想象一下给软件工程师发一个 Slack DM，说，“嘿，帮我做这个东西。”他们会说，“你在说什么？”比如，为什么我们要这样做？比如，目标是什么？比如，约束条件是什么？比如，他们会被问到很多关于……我们到底想做什么的问题。而且，我认为能够……快速获得一个方向性的起点，但同时……规范文档存在是有原因的，模型存在是有原因的。能够非常具体是 Figma 的优势所在。所以，能够去说……“不，我想要它看起来 exactly 这样，然后……把它融入到这个框架中。让我试一试。”也很有力量。嗯，是的，我认为……我的意思是，我的意思是，我想象一下，你们只是……开会，开大型会议，看看 Make，然后讨论它们，而不是……看 PR 或电子邮件，你知道吗？比如，这让事情更有趣，对吧？谁想看 PRD？没有人想读我的 PRD。是的。所以，从用户的角度来看，看东西比看文档更有趣，而且可能更好。是的，当然。而且，我认为它也……你知道，它迫使更多的产品思考，比如……你知道，有多少产品经理遇到过这种情况，你只是没有考虑到……很多边缘情况或其他场景，直到……一个工程师在做它，他们说，“但是它在移动设备上应该如何工作？”你说，“哦，我忘了考虑移动设备了。”而且，就像……你得到一个原型，你就能看到你没有考虑到的东西，而你……应该早点考虑。是的。我从来没有……我觉得很少能一次性得到一个完美的 PRD，甚至是一个完美的设计。你必须玩它，然后……做出改变。所以，是的。嗯，抱歉。请说。不，请继续。是的，我想问一下……你知道，你玩了这个产品一段时间了……你的反应是什么？你觉得它有什么用，或者不太有用？我真的很……所以，我认为……我一直在玩所有的原型工具，而且……让我印象深刻的是，Make 花的时间比其他一些工具要长一点来生成原型，但原型比我预期的要……更漂亮，功能更丰富。所以，一旦它生成了，这是一个非常……积极的魔法时刻。嗯，而且我还没有……你知道，因为我们现在正在讨论发布之前的事情，所以我还没有真正分享给……设计师和其他人，但我认为你向我展示的协作功能……非常非常棒。比如，我开玩笑说……你知道，当我的设计师和我分享设计时，我说，“嘿，这个变体怎么样？那个变体怎么样？”然后，现在，而不是让她做一个关于这些东西的很多设计，我可以直接为好或坏来做，然后……展示给她，然后我们可以展示给一些用户，我们可以进行辩论，然后我们可以决定怎么做。所以，它大大加快了迭代流程。是的，这完全符合我的想法。是的，我的意思是，我开玩笑说……我是一个……我是一个 IC 0.1 设计师了，你知道。是的。所以，但是……让我们通过谈论 Figma 的 AI 之旅来结束，对吧？比如……所以，所以，让我们回到……一年前，我想你在 Figma 大约……两年前加入的，对吧？实际上是一年前，对。所以，所以，回到一年前，我认为在之前的 Config 上……Figma 发布了一些 AI 工具，然后其中一个工具……得到了一个混合的反应，那就是……文本到设计工具，对吧？所以，我想……你从这次经历中学到了什么，并将其应用于构建 Make？是的，是的，当然。我们发布了一个名为 Make Design 的功能。它得到了一个相当混合的反应，原因有很多。你知道，我认为对我来说，有两个重要的学习。一是……要清楚你的系统是如何工作的。而且，我认为对于 Make Designs，我们同时也发布了一个新的数据训练政策，我们可以征得用户同意来训练他们的数据。我们非常透明，给了用户很多控制权，我认为人们有时会有点困惑，认为……我们已经训练了他们的数据。因为我们没有说明这个功能是如何工作的。我们没有说明……是什么模型在驱动它，或者其他任何东西。所以，我们更加直接……对于 Make，您会在提示框中看到由 Claude 3.7 Sonnet 提供支持。而且，我们认为了解该模型是如何训练的以及它有哪些偏见是完全可以理解的。而且，我认为……Anthropic 在发布这些客户真正想知道的类型的信息方面做得非常出色。我认为另一个重要的学习是……你知道，我们……要清楚它的用途。所以，对于 Make Designs……一些设计师认为……我们的意图是取代他们的工作。而且，我认为即使它的名字 Make Designs，也意味着……我们将制作设计，而不是设计师制作设计。而且，这很有趣，因为它的内部名称是 First Draft，我们后来公开称之为 First Draft，这非常符合我们的意图，就是……节省你到达起跑线的时间。但我也认为这是一个在市场上令人困惑的信息，人们没有完全理解……它被视为……我们将做所有设计师做的事情。不，不，那就像……我们热爱设计师。我们是设计师的工具。我们想为设计师节省时间。我们想给你们超能力。我们想赋权于你们。所以，我认为在这方面，我们非常专注于原型制作和从模型开始……扩展你们的能力，超越你们现有的能力。并试图在我们的信息中非常清楚地传达给设计师。就像，我们爱你们。我们就是你们。我们想给你们更多的力量，让你们……能够将你们的愿景推向更远，而不是受限于你们现有的工具。我喜欢这个。是的。我认为即使是原型制作方面，对吧？比如，这些东西看起来很漂亮，但……我的工程经理会让我把这些东西检查到代码里吗？我不知道……它更多的是……获得用户的反馈，对吧？然后，也许你之后可以构建一个正式的版本。是的，当然。是的，它就像一个……就像一个副驾驶，而不是……是的。好的。而且，你有什么……在经历了这段旅程之后，有什么最后的建议吗？我敢肯定你为你自己和团队感到非常自豪。而且，你知道，我……我真心实意地说，这是一个伟大的产品。它很棒。比如，你有什么……给那些试图构建类似东西的人的建议？是的。是的。嗯，给那些试图构建其他 AI 产品的人的建议，或者……试图进入这个领域的人，你知道……你将需要很多耐心，对吧？这是……一些最后的建议。是的，我的意思是，这是一个令人难以置信的软件工作时代，也是一个创造者的时代。而且，我认为……作为一家公司，我们的使命是让从想法到产品的过程变得更加容易。而且，我认为看到人们在 Figma Make 中以及在市场上人们使用新的 AI 工具制作的各种各样的东西，这对我个人来说是鼓舞人心的。而且，举个例子，Figma Make 的一个 Alpha 测试者是我的六岁儿子。而且，他开始在周末玩 iPad 游戏。所以，他开始和我一起进行 AI 编码，他在 Figma Make 中制作了大约 10 个游戏，而且他才六岁。我心想，“我的天哪。”我直到 12 岁才开始玩电子游戏，直到 18 岁才开始制作它们。比如，这是一个完全不同的时代，对他来说也是一个改变视角的经历。比如，他放学回家时带着想法的草图，然后说，“我能把这张图片交给 Make 来开始制作游戏吗？”是的。所以，我认为给所有创作者的建议，无论是专业的 AI 团队、业余爱好者还是学生，都是……只是开始制作。你将通过实践来学习。你将建立同理心。你将……为自己和你的朋友而建……你就是用户。你有同理心。很容易理解它是否……有效。从那里开始。而且，得到一些可以玩的东西，然后……遵循那个方向。是的。而且，我认为……而且，我认为作为开发者，最令人兴奋的部分之一就是将你的产品推向市场。而且，你知道，Make 在 Figma 中必须是原型制作的顶尖产品，对吧？我们已经谈过了，但……看看人们如何完全超出那个用例来使用这些东西会很有趣。比如，你……你的孩子制作游戏。谁知道，伙计。也许那将是主要用例。比如，如果我们有一分钟时间，实际上……我收集了一些……我最喜欢的例子，我看到人们制作的。很有趣。是的。嗯，所以，是的，我非常赞同你的观点，你知道，我们针对专业设计师从设计开始进行了优化，但看到这个产品对多少不同的人群和场景有效，真是太神奇了。所以，这里有一个案例，有人在五分钟内制作了一个非常简单的喷漆工具。而且，就像……你知道，想象一下制作……制作软件来制作软件。你知道，自己制作一个创意工具。这真是太不可思议了。另一个，这是我的一位同事……他是一个游戏玩家，制作了……一个完整的 3D 第一人称射击游戏。让我快速刷新一下。秘境觉醒。哦，天哪。哇。这就像一个……哇，这就像一个 3D 第一人称射击游戏。是的。是的，这就像一个完整的 3D 第一人称射击游戏。而且，我们并没有为此进行优化。我们并没有……我们并没有刻意让……游戏创作和 3D 变得很棒，但……你能在很大程度上做到这一点，真是太神奇了。同样，内部工具……我们看到很多很酷的案例，比如团队为他们的营销创意活动构建特定的工作流程。个人日记工具，可以根据你的意愿进行配置。一些艺术家只是在玩矢量……矢量场和图形，然后……你知道，这是什么感觉？人们试图弄清楚……你知道，他们正在使用公共 API 来找出他们……附近下一班火车。以他们最喜欢的方式。然后，是的，实际上，这是我儿子的……我儿子的游戏是喂猫吃早午餐。很好。试着让他们保持健康。是的。好了。是的。哇。这些都是很棒的东西，伙计。这太棒了。作为这个产品的 PM，看到所有不同的……用例一定给你带来了很多快乐。是的。是的。我站在巨人的肩膀上，与一个很棒的团队一起工作。我感到非常荣幸能与你合作，你知道，在 Figma 内部，利用 Figma 的基础设施，从 Sites 到代码图层，然后是……一群才华横溢、勤奋且……在这个项目上非常有创造力的创作者。所以，人们在哪里可以找到这个功能？让我们穿越到未来，这个东西已经上线了。人们在哪里可以找到这个功能？是的。所以，Figma Make 将在未来几周内向付费客户推出，您将在 Figma 的……文件浏览器中找到它作为一个新的文件类型。太棒了，大卫。好吧，非常感谢你的时间，伙计。让我们都出去创造东西，感谢你的产品。非常令人兴奋。谢谢你，彼得。