Transcription
[音乐][音乐]热。热。热。热。[音乐][音乐][音乐] 让我们欢迎Sigma联合创始人兼首席执行官Dylan Field上台。
大家好，Config。欢迎来到Config 2025，非常非常感谢各位的光临，特别是远道而来的朋友们。还要向全球106个Figma观影派对的朋友们问好。
现在，如果您是虚拟参加，或者您是现场参加但错过了重要的环节，别担心。几乎所有演讲都会被录制，之后我们会把它们发布到YouTube上，这大概会成为我未来六个月的Netflix替代品。
今天我们有一系列令人难以置信的演讲嘉宾。无论您是想听Helena谈论充满灵魂的设计，还是想听Jeremy谈论打造反乌托邦世界《Severance》的经历，我们都能满足您的需求。我还没看过《Severance》。我们一直在忙于演示准备。呃，但我听说大家都很兴奋能见到Jeremy Zouy，不管这是什么意思。
我们还有一些独特的客户体验。所以，如果您在任何时候感到不知所措，呃，我听说我在演示期间不能这样做，但是，欢迎您去Headspace休憩室放松一下。如果您想和您在Config上结识的新朋友一起记录这一刻，可以随意前往宝丽来复古角拍张自拍。
本周我们直播地点在旧金山。下周我们将前往伦敦，届时也将有一些令人难以置信的演讲嘉宾加入我们。所以我希望在那里见到你们中的一些人。
说到伦敦，去年我们在满足用户需求方面取得了长足的进步。我们推出了西班牙语Figma用户界面。[掌声]就在几周前，我们推出了[掌声]韩语Agora Figma Fala葡萄牙语。而今天，我们非常高兴地宣布Figma用户界面现在也提供巴西葡萄牙语版本。[掌声]
除了推出这些新语言外，我们在产品方面也非常忙碌。和您一样，我们关心所有细节。因此，自2025年初以来，仅仅在过去的几个月里，我们就发布了56个更新，包括所有字体上的智能符号、复制和复制样式、图层面板中的可折叠图层、Figma设计中的注释以及注释类别、辅助功能、颜色选择器中的对比度信息，我们有一些忠实粉丝。一项新的AI功能，由GPT图像1驱动的编辑图像。超分辨率。当然还有锁定纵横比。
正如您即将看到的，我们的步伐只会越来越快。今天我们有四个产品：Figjam、Slides、Figma设计、开发者模式。一会儿我们的团队将上来分享四个新的[掌声]产品，以及Figma设计的一个令人兴奋的补充。
但在那之前，我想分享一些关于我们在幕后工作的更新。因为我们知道，Figma始终快速加载非常重要。它感觉很流畅，并且完全按照您的预期工作。但这并非总是如此，尤其是在大型文件的情况下。去年，我们看到你们所有人都在Figma中做得比以往更大。平均文件大小增加了18%。哇。
我们一直在努力优化这些大型文件以用于日常操作，例如复制粘贴、选择图层、切换页面、平移和缩放。大型图像和复杂效果会导致许多性能问题。因此，我们非常努力地减少了我们的内存占用，使用了智能缓存，以便Figma能够保持快速的感觉。我们现在还在逐步加载原型、页面和文件。对于Figma中最慢的文件，这一组文件导致加载时间减少了33%。
我们还在对我们的设计系统架构进行大规模重写。当这在明年年初发生变化时，我们应该会看到更快的实例更新和更灵敏的整体编辑体验。
今天您将听到很多关于Figma的新功能和新界面的信息，但是，请务必知道，我们也在努力确保我们能够满足您对质量和性能的期望。因为归根结底，我们不希望您关注Figma。
从Figma成立之初，我们的一个基本原则是Figma需要避开您的视线。我们希望确保您能够完成最好的工作，而不会被我们分散注意力。这在当今世界尤为重要，在当今世界，设计的作用比以往任何时候都更加广泛。设计不仅仅是流程中的一个步骤，而现在是流程本身。设计不仅仅是像素的堆砌。设计是以好奇心为导向。不断地追问“如果”。对细节的痴迷。追逐一种感觉。以及突破可能性。
在一个AI使构建软件比以往任何时候都更容易的世界里，设计正变得越来越重要和越来越强大。正是工艺、质量和观点使产品脱颖而出并受到喜爱。
我们今天发布的目标是帮助大家探索更多想法，并帮助大家尽可能快地将想法转化为产品。
对于今年的主旨演讲，我要特别感谢Coto Studio。您将看到的几乎所有演示示例都来自他们令人惊叹的作品集。
事不宜迟，让我们进入今天的第一个公告。这个更新是我们所有人非常重视的，那就是布局。让我们欢迎Figma设计师Giorgio Cavila来[掌声]介绍这次首发。火箭人，你行！
大家好，最近怎么样？[掌声]我很高兴今天能来到舞台上，因为我可以谈论我最喜欢的主题之一。你猜对了，布局。你看，我在Figma花了很多时间思考布局。因此，我对它有一些奇怪的理论和想法。例如，布局有点像我们设计的暗物质。我知道我告诉过你们一些奇怪的想法。
现在，如果你仔细想想，布局有点像一种引力，你永远也看不到，但它总是存在，以确保事物保持原位。现在，如果你知道这是什么，请举手。我看到一堆和我一样的老家伙。酷。酷。如果你不知道，如果你是在90年代中期有互联网接入的孩子，这就是你经常光顾的地方。这是1996年第一部《太空大灌篮》电影的网站。当时，这是网页设计的巅峰之作。老实说，直到现在，它在我看来仍然很酷。
现在，如果我们看一下这个杰作背后的布局，我们会发现，即使它不是一目了然，它实际上是用网格构建的。当然，不是CSS网格。当时还没有这样的东西，但仍然是一个网格。因为你看，无论技术和媒体如何，网格布局自古以来一直是设计师的基本工具，甚至在印刷术出现之前，甚至在我们这些设计师存在之前。你和我听说过，在60年代，我们开始有点，只是一点点痴迷于网格，我们到处使用它，我的意思是到处使用，从字体到展览。我们使用网格的次数太多了，以至于在某个时刻我们厌倦了它，我们拒绝了它，我们学会了如何打破网格。但有趣的是，即使你打破了网格，仍然存在一个网格。这证实了网格对我们设计师的重要性。
而这在今天仍然非常正确，因为网格布局再次几乎在我们所有的移动应用程序中以及在CSS网格已成为创建可重用和精美网站的标准的网络上被广泛使用。
在Figma中，您可能听说过这个叫做自动布局的东西。[掌声]有人吗？这对于创建可重用且灵活的设计和组件非常棒。但是，当您将其用于创建这样的二维布局时，事情开始变得有点混乱，因为您现在需要为您的容器创建容器。最终你会得到很多非常糟糕的嵌套。下一个打开你的文件的人，他们将花费10分钟来理解你到底做了什么。
但情况即将改变，因为今天我非常非常激动地介绍一个全新的网格自动布局选项。[音乐][掌声]
好了，不再废话了。让我们看看网格的实际效果。在这个演示中，我将使用Coto为Flu的设计，这是一个帮助购物者获得现金返还的应用程序。
现在，我听说便当盒现在很火。那么，为什么我们不从那里开始呢？我们将创建一个便当盒来介绍Flu的品牌标识。我的框架在这里，如果你跟着我在这里的侧面看，你可以看到我们改变了属性面板中的一些东西，但别担心，一切都在那里，我们有垂直布局、水平布局，顺便说一下，这里有换行，如果我现在点击网格，你会看到默认情况下会应用一个2x2的网格，但我可以点击这里并将其非常轻松地更改为任何尺寸。
现在，我希望您像我设计它一样喜欢使用这个小组件，而我们的工程师讨厌构建它。真实故事。好吧，我对8x4很满意。当然，在这里我可以更改间隙。让我们把它设为20和20。如果我在这里在画布上，我可以调整填充的大小。太棒了。
现在我的网格设置好了，让我们把一些项目拖进去。我可以选择多个项目。只需拖动它，然后砰的一声。现在我想强调的两件事是，第一件事是项目会根据其大小自动跨越多列和多行。所以你不必那样做。第二个是它们也填充单元格。这意味着默认情况下，这已经是响应式设计了。但我当然可以随时更改跨度。我们希望使这非常简单和直观。你的做法是拖拽。正如你所看到的，当我这样做时，这个字段现在告诉我一个项目占据了多少列和多少行。我当然也可以在这里做同样的事情。不错。你可以做到。[掌声]
好的，让我们继续。让我们把这个项目放在这里。不错。现在，在网格中，如果我意识到我需要重新排列东西，那就很简单了。我可以选择一个项目，拖动它，然后放下它，之后的所有内容都会自动重新排列。
关于调整大小的另一件事是在网格中，我可以分别调整每列或每行的尺寸。我可以点击一个项目，它会告诉我它占据了哪些列。我可以点击这里。默认情况下，每列每行都设置为自动，你可以把它想象成填充可用空间。我现在可以点击它并调整它的大小。现在我可以非常精确地控制，或者我甚至可以在这里输入。
好的。现在，这个Flu品牌有很多这样的叠加对象，我有这只漂亮的小鸟，把它放在网格里会很棒。那么，让我们看看是否有办法让它在里面飞起来。我现在正在做的是按住控制键，我可以将项目仍然放在网格中，但位置是绝对的，就像其他自动布局一样。
好的，这里看起来不错。让我们继续下一个例子。我想在这里创建一个日历或日期选择器。如果你必须构建一个，你知道，这并不是最有趣的事情。需要很多时间。但在这里，我可以只跟踪一周中的日子，我可以这样做。现在我正在按command键。正如你所看到的，我可以轻松地填充网格。现在你可能已经看到了这个替换内容建议出现了。这是我们改进的AI功能。如果我点击它，它会自动检测我想做什么。谢天谢地，我不必插入这些数字。这将是一个非常冗长的演示。
现在让我抓住这些并放入我的应用程序中。现在我想向你们展示应用程序本身就是一个网格布局。这意味着我当然可以将网格嵌套到其他网格中，如果我必须这样做的话。
好的。正如我之前提到的，网格是一个非常灵活且强大的工具，可用于创建各种布局。让我们看看Cotto是如何使用Flu网站的。这里我们有一个类似于便当盒的网格。我们有一些项目超出了网格，这很好。在这个例子中，一个更简单的网格，2x2，但他们将它与其他自动布局选项一起使用。所以，仅供参考，当然，您可以根据需要嵌套所有自动布局。让我们继续往下看。一个logo墙，经典的网格用法。在这里我只想向你们展示，还记得我提到过打破网格吗？这是一个很好的例子，说明简单的事情是如何也可能非常有效的。所以我这里有这个设计。但是如果我这样做，你会看到左边的排版不太好。但在网格中，让项目跨越和重叠是很简单的。所以我只需要拖动这个，现在我这样做。好吧，还没到那里。但是如果两个维度对你来说在网格中不够用，你实际上可以控制Z轴顺序。所以我按Z键，也就是方括号，现在我可以移动项目到前面或后面。不错。
最后，我想选择这个页脚，然后切换到开发者模式。如果你在这里跟着我到CSS面板，你会看到我们的网格布局已经与CSS网格属性非常匹配，比如这里的模板、间隙，如果我选择一个项目，你会看到我们还有，哎呀，跨度也是。这样，网格是弥合设计和实际开发之间差距的又一步。
好的，我想这就是我说的全部内容。代表在过去几个月里非常努力地致力于网格的老团队，我很高兴成为今天第一个向你们展示它的人。我们还有很多想在网格上构建的东西，我们迫不及待地想让你们尝试一下。如果你想了解更多关于网格的信息，明天还有一个深入探讨。话虽如此，非常感谢你们。回到你那里，[掌声]Dylan。
干得好，伙计。
谢谢你，Giorgio。
好吧。你们对我们的第一个公告有什么想法？我知道网格是你们一直在要求的，我们对此感到非常兴奋，它将在今天晚些时候出现在Figma Design中。[掌声]网格也将在我们即将展示的下一个产品中可用。
网格使设计产品和网站更容易。但是设计并不仅仅停留在模型上。你必须对其进行原型设计。你必须验证它。你需要设计交互、动画。你需要构建它或者只是发布它。Dogen最近在X上发布了一条消息。他说：“在过去的五年里，我一直期待着在每次Config中都有那个发布按钮。今年必须实现。”Dogen，我们有一些好消息要告诉你，因为今天我们很高兴地宣布Figma [掌声]网站。Figma网站旨在帮助您快速从现有设计到上线网站。为了分享更多信息，Tom，请出来吧。
在那里。
嗨。
等等，Tom。Tom，你在干什么？你在干什么？
好吧，我被要求做演示。你在干什么？Dylan让我上台。
好吧，我们一起做吧。
让我们开始吧。
大家好，我是Tom Janatasio。我是Figma网站的负责人之一。我也是Tom。我领导我们Figma的宣传团队。
这是我的第六次Config。[掌声]
这是我的第六次Config。
通常我都在幕后处理主题演讲的演示。所以，很高兴能来到舞台上，告诉大家团队一直在努力的东西。
当我回想起第一次Config时，我记得我们最重要的功能发布之一是Figma编辑器中的超链接，房间要小得多，但反应同样热烈。因此，很高兴能快进到今天，谈谈如何将您的设计部署并直接从Figma工具构建网站。
Tom，我知道你有一段丰富的历史，非常长的历史，都在互联网上构建工具。
是的，这是Tom含蓄的说法，说我老了，但他没有错。我已经构建网站大约30年了。像你们房间里的许多人一样，我相信，我开始构建像Geio Cities上这样的奇怪的东西。分享这个给全世界最伟大的设计师们看，真是太尴尬了，但正是在那时我爱上了为网络制作东西。我可以用单击的方式构建一些东西并与世界分享的想法让我震惊。我建立了一份职业生涯，设计网站并发布它们。但作为一个混合型设计师兼开发者，我总是感到在我使用设计工具设计网站的方式和使用代码构建它们的方式之间存在脱节。所以大约13年前，我创办了一家名为Macau的公司，当时的想法是，如果不用写代码，而是可以画出来呢？如果我们可以启用一个自由形式的设计工作流程，该工作流程还可以输出可用的代码呢？这是我想要的东西，但我很快意识到我正在帮助人们制作以前无法制作的东西。对我来说，作为一名工具制造商，这是一种终极回报。Macau只持续了几年。我们都继续做其他事情。直到一位最初的Kickstarter支持者联系我们。事实证明，他也在构建设计工具。他有一个想法，对吧？如果我们可以将Figma变成一个网站构建器呢？我们是否对此感兴趣？当然，答案是肯定的，对吧？我们开始考虑这个问题，并意识到这个梦想可能仍然存在，对吧？所以，我们在过去几年中重新构想了最初的愿景，并将其构建在您已经喜欢的Figma功能之上。所以，我很高兴地说，多亏了一个令人惊叹的专注团队，Figma网站现在已经成为现实。让我们深入了解一下。好的。[掌声]
所以，我们将在这里的Figma设计中开始我们的演示。我相信今天你们中的许多人都在Figma中构建和概念化网站。然后在某个过程中，你让一切看起来都完美无瑕。然后你需要将你的设计导入其他工具，将其构建成一个正在工作的真实网站。这就是Kicken在为Kicken工作时所做的。完全公开，如果我缩放的方式不对，那么我是今天演示中唯一一个必须禁用自然滚动的。所以，让我们在这里的Figma中取用我们的设计。如果我们可以在我们停止的地方继续，然后转到全新的Figma网站编辑器开始工作呢？我们这里有一个桌面框架，我们将把我们的设计粘贴进去。我们已经可以继续处理我们的网站了。但是2025年的网站是什么样的？没有考虑这个网站在不同设备上的外观。所以，许多在网络上构建的人长期以来一直要求的是对断点的需求。所以我们可以很快地添加我们的平板电脑和我们的手机。哎呀，没有点击它。你会很快看到，我们的桌面设计已经被转换为每个视口大小。你会看到一些变化，我们在那里做了一些调整，以确保它能够正常运行，就像你在手机上想要的那样。
现在，当您设计您的网站时，每个页面将为每个您正在设计的视口大小都有一个框架。您可能想知道，如果我需要在一个上进行编辑怎么办？我必须在所有三个尺寸上都进行编辑吗？每当您在主断点中选择一个对象时，在本例中我们选择了此标题，您会看到它会自动在所有这些框架中启用Figma的多重编辑。所以如果我在这里进行编辑，我们将将其更新为“与流程一起发展”，您会看到它会在所有断点中进行更改。很好。当然，您显然希望在一个设备上进行调整，而不是其他设备。因此，当您进入并进行调整时，例如可能在手机上调整这些标题，您会看到更改只会发生在移动设备上，而不会级联到所有其他视口大小。
接下来，如果您已经可以从您今天已经在Figma中存在的Figma库中提取怎么办？您可以这样做。只需转到“插入”面板，访问您现有的库，然后您可以将所有组件拖放到设计中，以使其成为网站的一部分。
现在，我们将在这里添加此部分。这是这里的小缩略图。我想快速翻到库中，向您展示该组件的幕后外观。这是一个组件集。它有三个变体，每个视口大小都有一个变体。当我们返回Figma网站并将此拖放到我们的设计中时，您会看到它会自动为每个视口大小调整正确的变体。好的，我将将其设置为填充。我认为这看起来不错。Tom，你怎么看？
我认为它需要……我认为它需要一些东西。让我试一试。
当然。让我们添加一些交互。交互的工作方式与您已经习惯使用的原型工具一样。所以，我将切换到这个交互选项卡。从这里，我可以开始摆弄和链接页面，如果我想要的话，但我真的想向你们展示一个新功能，通过放大到这里这个按钮。我想为此添加一个悬停效果。现在，通常情况下，我必须将其转换为组件，创建一些变体，摆弄智能动画，但现在使用一个名为预设交互的新功能，我实际上可以到这里添加一个悬停效果。现在，这将为我提供一些我可以简单调整的预设值。让我们让它大一点，我们将将其更改为一个不错的弹跳过渡。我认为这会感觉很好。但我想要预览一下。所以，我将按住Shift+空格键打开我们的预览窗口。在这里，您会看到当我将鼠标悬停在该按钮上时，我会得到一个有趣的小效果。这很简单。我不想向您展示字典。我想指出关于这个预……这个预览的一些事情。一个是这个预览实际上是响应式的。不仅可调整大小，而且完全响应式。因此，当我将其缩小后，我可以从这里看到我的设计在平板电脑和手机上的外观。另一件事是这不是普通的Figma预览窗口。这实际上是HTML和CSS。因此，在您工作时，所有设计都将转换为您实际上可以使用和发布的代码。
Tom，我在里面看到了一些其他的效果。
是的，还有一些。好的，我会快速添加一些其他的。让我们看看。视差。是的，我知道。视差。我知道了。我不会将其添加到所有Tom喜欢的东西中。我只是将其添加到此图像中。我们将稍微降低一点。然后，你知道，这些徽章就像一个非常俏皮的设计。让我们到这里来。我们将添加……你知道，我们这里有各种各样的东西。滚动转换、自定义光标。这很有趣。但我真的想添加……让我们为此添加可拖动功能。我们将在那里加上一点动量。我们将确保它们停留在其父项内。我看到里面有一个跑马灯效果吗？我认为他们已经弃用了那个标签。他们……是的，他们已经弃用了。是的，这很好，Tom。他们已经弃用了，但我们仍然喜欢它。所以，让我们添加……哎呀。让我们也在这里添加一点打字机效果。好的。现在，我认为这看起来会很好。Tom，你怎么看？
在我看来看起来不错，Tom。那么，如果你的网站仍然看不见，那么做所有这些工作有什么意义呢？让我们转到这里，然后点击发布按钮。很快，Figma将检查您的网站是否存在任何问题。您可以看到我们的自定义域名，我们将点击发布。现在，这是我们都为Moscone Wi-Fi祈祷的地方，并希望在几分钟内获得一个出现在互联网上的网站。拜托，拜托，拜托。好了！我们有了我们的……
完全响应式网站，带有我们的悬停效果、我们的视差、我们的可拖拽趣味徽章、我们的经典打字机效果，这里我们甚至使用了交互式组件，就像你今天通常在Figma设计中构建它们的方式一样。我认为最让我兴奋的事情之一是，你可以采用你在Figma中所有现有的工作方式，它们可以直接应用于在Figma网站中构建网站。
现在，我们要向所有alpha用户致以热烈的感谢，例如Bruno Figo，他使用Figma网站推出了新的Layers大会网站。Figma自己的故事工作室与Other Means合作创建了一个自定义字体和样本网站，还有Kia Tasbigu，你可能听说过Read CV正在开启一个新的篇章。好吧，我们正在与他们和Alex Einerson合作，构建一个插件和模板来帮助你将你的Read CV迁移到Figma网站。我们还与Play Studio的优秀团队合作，构建了一系列华丽的模板。你可以从Figma社区或创建新网站时的新的文件对话框访问这些模板。我们认为这些将成为一个伟大的资源，无论你是在构建你的第一个网站，还是只是想在开始使用Figma网站时参考一些模板。
进入下一张幻灯片。所以Figma网站今天在测试版中发布。它将提供给所有拥有付费计划中完整席位的人，我们很快就会向入门版推出访问权限。需要注意的是，未来当我们退出测试版时，对于拥有额外托管、自定义域名或带宽需求的人员，将收取一些额外费用。
在我们结束今天的会议之前，我们还想让你预览一下接下来在网站中会发生什么。所以Tom和我将向你预览团队一直在努力开发的几个功能。现在，我们知道你们中的许多人将要构建内容非常丰富的网站。当然，随之而来的是对动态内容的需求，以及一种易于管理它们的方式。因此，我们正在构建一个直接集成到Figma网站中的CMS。我们想给你一个预览。
好的。所以，我们又回到了Kickens网站，我们开始搭建我们的博客页面。你可以在这里看到，我们有一行代表我们博客中的每一篇文章。现在，我们不想总是要在这里手动编辑这些内容。观众中眼神敏锐的人可能已经注意到左侧栏中的这个小数据库图标。如果我们打开它，它会将我们带入我们的CMS视图。在这里，我们可以创建CMS集合，定义我们文章的每个属性，并轻松访问CMS中的每篇文章来编辑所有内容。我们认为这种专注的编辑体验将使你能够轻松地让合作者参与进来，只需管理内容，而无需在画布上四处点击来编辑文本。
现在，一旦你拥有了所有这些内容，你需要将它放到设计中。所以我们可以切换到连接模式，我们只需要选择我们想要映射到画布上图层的博客属性。所以如果我们点击我们的标题，你会看到所有内容已经代入并在我们所有的行中重复。我们可以对我们的封面照片、摘要和日期执行此操作。就这样，我们已经从我们的CMS动态地绑定了所有内容。
现在，在这里我们有我们的博客文章页面，我们已经提前绑定了所有属性，但是你会注意到的一件事是，我们可以直接在画布上预览CMS中的每个条目。如果我们想在一个想要快速编辑的情况下，我们可以点击画布上的任何这些对象，我们可以直接从画布访问内联编辑器进行一些快速更改。所以，我们非常高兴能够在今年晚些时候推出CMS，我现在要把时间交给Tom。
好的。好的。让我们谈谈我最喜欢的主题之一，那就是代码。有时你需要做一些比你用普通设计工具所能做的更复杂的事情。让我们来看这个例子。所以在这里，Kicken想要向他们的网站添加这个交互式计算器，以便访问者可以计算他们的资金。他们希望能够拖动这些滑块，更新值，进行各种数学运算，并让这更新下面的估计资金。用点按交互来实现这将非常困难，但这确实是代码的一个很好的用例。我很高兴地说，现在你可以将代码与Figma网站一起使用，我们称之为代码层，我将向你展示如何开始。首先，我将选择这个设计。这只是你通常会创建的普通设计。自动布局都设置好了，但我将来到这里，点击这个名为“从设计创建代码”的新按钮。当我点击它时，它将自动将所有这些图层转换成结构良好的React和Tailwind。这很酷。所以现在我可以跳到这里开始添加一堆交互。观看这个过程并不有趣，所以我实际上要切换到一个已经构建好的示例。所以这是一个已经构建好的示例。在这里，你会看到右侧是实时预览。所以我可以与之交互。我可以拖动这些滑块。所有这些都已经构建好了。但是那个动画感觉像是花了……那是一个很长的动画。是的。所以我要过来。我可以对这里的代码进行一些调整。让我们试试0.3。这将为我实时更新。现在我可以玩这个了。感觉快多了。一些其他的事情，在我们在这里的时候指出。你可能已经注意到我们实际上在这里导入MPM模块。有一些Figma提供的钩子，这样你就可以为你的代码层公开属性，或者为不同的断点自定义你的代码。有一些真正令人兴奋的新方法来使用代码，你将在几分钟内了解到这些。请继续关注。CMS和代码层即将推出。这是我们为Figma网站规划的众多更新中的两个。我们迫不及待地想看看你发布的内容。回到你这里，Dylan。[音乐][掌声]谢谢，Tom。谢谢，Tom。
网站是Figma团队大量辛勤工作的结晶，但这仅仅是一个开始。还有很多改进即将到来。我迫不及待地想看看你们用它做什么。我想我们现在没有人再有借口不发布我们的作品集网站了。虽然Figma网站可以帮助你将设计带到网络上，但有时你仍然需要其他方法来将设计变为现实。激励我们创建Figma的人之一是Bred Victor。他曾经说过：“对我来说，想法非常宝贵，当我看到想法消亡时，我会感到痛苦，我看到的是一场悲剧。对我来说，这感觉像是一种道德错误，感觉像是一种不公正。由于时间、工具和知识差距，许多伟大的想法往往被忽视。我们的下一个公告旨在帮助你将想法从你的脑海中带到现实世界中。今天，我们很高兴地介绍Figma Make。使用Figma Make，你可以利用现有设计并提示你的方式来创建一个完全编码的原型。对于这个演示，请欢迎Figma产品经理Holly Lee来到舞台上[掌声][音乐]Make。
好的。谢谢，Dylan。嗨，Config。好的。我在今年1月加入Figma，担任AI团队的PM，这已经是一生中一次冒险了。现在，像你们许多人一样，我一直都在制作东西，直到我能记住，包括今天的会议。我希望你喜欢它。现在，在工作中，我可以用AI产品，但我相信我们都面临着许多同样的挑战。将设计转化为足以验证的真实事物需要很长时间，而且很难做到。这就是为什么我们创建Figma Make的原因。使用Figma Make，你可以超越想象你的设计应该是什么感觉，而实际上只是体验它。所以今天，我很荣幸能代表幕后的超级明星团队向你们所有人介绍Figma Make。我们正在快速发展，每周都会发布新的功能和改进。虽然它还处于早期阶段，但我们对Make能够改变我们设计、迭代和探索方式的所有方法感到非常兴奋。那么，让我们开始吧。
好的，像大多数制作一样，你可能会从Figma中现有的设计开始。所以，在这里你可以看到我的团队正在为我们称之为“耳虫”的音乐应用程序制作原型。现在，假设我们只想探索这个核心播放器元素的感觉，对吧？CD如何旋转，那些按钮点击起来感觉如何。从历史上看，即使是像这样的简单设计的原型制作也需要很多面条，也许需要一名工程师，也许需要切换到不同的工具。但今天不是那样的一天。现在，使用Figma Make，你可以像创建它们一样玩转你的设计，所有这些都在Figma中。我们要做的就是获取那个核心播放器框架，复制并将其粘贴到Make提示框中。我要说的是，“请使这个CD播放器具有交互性。当我播放曲目时，CD应该旋转。”谢谢。记住要对你的大型语言模型有礼貌。因为我们是Figma，我们不仅仅是向模型提供你设计图像。我们正在传递设计本身，包括所有这些结构和元数据。模型可以参考你设计中的图层，理解它们的用途，并迭代并将其知识整合到它的生成中。好的。这是一个现场演示。没有舞台把戏，模型可能会很挑剔。所以，祝我好运。谢谢。现在，Make正在制定计划。它正在推理。你可以在这里看到我们正在使用Claw 37，代码开始流式传输了。你们许多人以前都使用过这样的工具，你们知道，我们要求AI做一件非常困难的事情，它只需要一分钟。所以，在运行的同时，让我们来看一些有趣的Make示例。
好的，让我们从这个开始。你可以在这里看到Tom的团队正在为他们的自行车应用程序测试一个名为Trail Journey的新功能。在Make中，我实际上可以上传文件。所以，让我用这个自行车骑行，然后立即体验我所有的数据。看看那个。我可以回放我的路线，我甚至可以与我的海拔数据进行交互。Make将我的设计变成了一个活生生的原型。让我们看看另一个例子。Maven Clinic的设计师Lauric使用Make将移动Figma设计转换为其用户的交互式桌面诊所查找器。这包括一个真实的地图API。所以我可以在这里的搜索栏中搜索，并实际点击此地图中的周围区域。使用这个原型，Luric能够在一个下午重新开始对话。
好的。甚至在Figma这里，我们也使用Make来制作我们自己的产品的原型。所以还记得Giorgio用一个设计和一些提示进行的令人惊叹的网格演示吗？Make能够快速让我们了解该网格可视化程序的外观和感觉。好的。现在，原型制作是Make中一个非常强大的用例，但这并不是它擅长做的全部。我们也对Make能够提高你在Figma中可以创建的事物类型的上限的方式感到兴奋。你们准备好看看一些有趣的例子了吗？[音乐]好的，系好安全带。在Make中，你可以操纵和渲染像这些着色器这样的复杂图形，这要感谢我们的设计师Daniel，他甚至添加了一些非常有趣的动画。在Make中，你可以探索新的维度。看看我们设计师Tammy制作的这个令人惊叹的3D工具。如果你坚持一下，让我们看看我的草书写得如何。我可以写Config。好的。好的。看看那个。她甚至在这个玻璃和金属等真实材料中加入了一个天空盒。下一个是我个人最喜欢的。在Make中，你可以创建身临其境的虚拟世界并进入其中。所以Tammy还创建了这个非常有趣的游戏，你实际上可以四处游荡在一个森林中，如果他们挑战我，可以对抗其中的一些侏儒。砰砰。好的，我知道这看起来很简单，但我实际上一次都没有赢得过这个游戏。好的，让我们再来看一个非常有趣的例子。哦，我的天哪，我被攻击了。好的，在Make中，这是我们朋友Bruno的一个实验性应用程序。他正在利用手部跟踪技术来操纵形状和颜色。因为你可以发布Make，这意味着你也可以访问你的设备的硬件并做这样的事情。是的，非常非常酷。所有这些例子都只是冰山一角。
好的。现在，我们前面看到Tom正在为Kickin制作那个计算器。我们在Make中正在开发的功能之一是将其引入Figma的更多部分。你猜对了，第一个地方是Figma网站。你只需要跳转到这个拆分视图。在这里你可以看到Tom使用Make提示的历史记录。现在，我们对这代表的内容感到非常兴奋。你可以在画布上自由设计，将其转换为React代码，然后用Make将其变为现实。这开启了许多可能性，我们迫不及待地想看看你在网站中会带它去哪里。现在，还记得前面生成的图像吗？让我们来看看。正如你所看到的，这是我们最初的设计，Make几乎是一对一地将其转换。但我们知道你实际上不会止步于此。你会不断添加东西，对吧？进行调整，添加设计，添加功能。为了给你更多创意控制，我们实际上已经引入了将你的编辑目标定位到设计特定部分的方法。所以，我们引入了点按编辑工具，它允许你直接操作页面上元素的大小、颜色和字体等内容。对于更复杂……谢谢。对于更复杂和开放式编辑，我们也有点按提示，你只需传入设计的特定部分，并要求模型只在那里进行更改。所以我可以说让CD旋转得更3D。好的，这些只是我的编辑。Make最好的部分之一是它都在Figma中。所以大家都在这里。我实际上想做的是与我的整个团队合作完成这个设计。所以，作为最后的说明，让我们看看我的团队如何处理Earworm。好的。好的。看起来大家都在这里。Earworm 4.0已经改头换面了。看起来Greta和Noah甚至添加了真实的AI DJ体验。给我一首歌。我们知道你们很多人可能正在制作AI聊天体验的原型并进行设计，你可以在Make中做到这一点。你可以不仅可以将其连接到其他模型，还可以将其连接到真实的数据源。因此，我们可以为所有这些音乐曲目获取真实的音频轨道。现在，我和我的团队在制作Make时玩得很开心，我们希望你们在使用它时也能玩得开心。我们才刚刚开始。所以，从我的团队到你们的团队，我们迫不及待地想看到你们将制作的所有令人惊叹的东西。说到这里，我想我会用它来结束我的演示。谢谢。
Holly干得好。Holly，精彩的演示。谢谢。所以，我们非常高兴地看到你们所有人将用Figma Make制作什么。我们也知道它还有很长的路要走，我将是第一个告诉你结果可能是不确定的，因为AI……我们也在快速改进Make。你会在几天、几周内看到变化，所以请继续关注，你会看到更多即将到来。Make将在未来几周内向所有拥有完整席位的人推出。在测试版期间，如果你的使用量超过了限制，Make将是免费的，但也有一些使用限制。当我们退出测试版时，Make将成为付费产品。
到目前为止，今天上午我们已经分享了有关如何改进、设计、构建网站和产品的更新。但我们知道这并不是你使用Figma的全部。多年来，我们看到你们所有人都在以许多创新的方式扩展这个平台。当我们注意到人们在2020年使用Figma进行头脑风暴并将其作为一起工作的空间时，我们创建了Fig Jam。当我们看到Figma设计中的许多文件实际上都是幻灯片时，我们创建了Figma幻灯片。为这些用例创建新产品有两件事。首先，它有助于我们使Figma设计专注于产品设计。其次，它为你们带来了更多方便的空间，让你们可以与合作者一起工作。在过去的一年中，我们注意到了一些其他的事情。你们创建了数百万计的营销资产和品牌内容，例如社交帖子、广告活动，甚至Figma设计中的印刷材料。在Figma中设计这些东西，这并不是难事。当你试图与那些不像我们一样总是生活在Figma中的人一起工作时，事情就会变得更难。所以，我们认为可以有更好的方法。为了告诉你我们的一款新产品，请欢迎我们的创意总监Damian来到[掌声]舞台上。
谢谢。大家好，谢谢Dylan。嘿，Config。我听不到你的声音。开玩笑的。我完全可以听到你的声音。大家好，我是一名设计师，从未被告知要放大徽标。我不确定你是否看到外面Config的徽标，但它很荒谬。它很大。但这是真的。像我这样的品牌建设者，我们已经在这个文件中。事实上，我在这里多次出现，我就像我自己的徘徊艺术总监和内部创意工作室一样。哦，对不起，稍等一下。作为Figma内部的创意工作室，我们的品牌团队为许多团队创造了很多东西，由于大量的请求涌入，我们根本无法处理所有事情。我们必须确定优先级。此外，我们收到的许多请求通常是在做……对不起，对不起，这很尴尬。嗯，第一次现场演示，我得到了这个。好的。我们经常进行小的文字更改或生产级别的调整，但我们知道我们的合作者真的需要完成这项工作，但当我们只是将他们放入Figma文件中时，他们往往会不知所措。这让我们陷入了一个奇怪的境地，就像这样奇怪。当我们成为生产瓶颈时，我们的合作伙伴只能靠自己，最终可能会危及……Lauren是谁？Lauren，你在演示期间真的在工作吗？你在哪里？Lauren，嘿。你在主题演讲期间真的在工作吗？
嗨，Damian。大家好。不，我只是知道你很忙。我只是跟进我们谈到的那些资产。我认为我们可以在主题演讲结束后一起处理它们。我不是想让你现在就处理Slack。好的。嗯，你理想情况下什么时候需要它们？昨天。经典。嗯，我确实有几分钟时间，而且我正要演示一些相关的资料，但你想上台来，也许我们可以一起做这件事吗？当然，为什么不呢？好的，让我们开始吧。各位，Lauren McCann，我们的Figma Edu总监。它……它看起来有点像我们计划好的。我们计划好了吗？我认为我们计划好了。我不知道。太棒了。好的。所以，如果我没记错的话，你的请求是，你想要推广一个新的直播系列。是的，完全正确。因此，我们的校园负责人将在他们的数十个校园中举办一系列讲座，我们需要帮助他们制作资产。此外，要向我们令人惊叹的校园负责人以及今天在场的其他学生和教育工作者致以热烈的感谢。大家好。是的，这就是我们需要的帮助。好的。好吧，我们确实有一些你可以使用的直播促销资产。它们是模板，如果你看到这里，我们有……好的，我只是想阻止你，我真的很喜欢你们发送给我们的模板。它们看起来总是很棒，但我担心我会破坏它们。如果你……也许更快一些。好的。好的。我明白了。我明白了。但我正要介绍一款专门针对此用例而设计的新产品。所以，它被称为Figma Buzz。让我们来看看。好的。好的。正如你所看到的，正如你所看到的，Figma Buzz看起来与Figma设计非常相似，但它有一个简化的、更集中的UI。它使你可以轻松访问你共享的品牌库。例如，插图，也许还有徽标。但是我们也可以从模板开始。好的。我已经可以看出，这将比你通常发送给我的文件更容易让我进入这个文件。别介意。不介意。我的文件通常是一团糟。但是让我们开始吧。我们这里有一些模板。所以这些是团队制作的模板。你可以在Buzz中访问它们。他们在Figma设计中设计了它们，然后将其导入Buzz。好的。那么你正在推广哪些渠道？所以我们想让它成为一个以社交为首的活动。所以我们肯定想为故事做一些事情。好的。我很想为主要的Instagram信息流制作一些东西。让我们也做LinkedIn。你知道，每个人都热衷于那种思想领导力。所以热衷于那种思想领导力。好的。好的。所以现在，由于我们所有的资产都在画布上，你可以很容易地导航到它们，然后你可以在画布上进行编辑。但是如果你更舒服，而且不想觉得自己会破坏任何东西，你只需点击这里的内容编辑面板，在这里你可以调整你的信息。好的。是的。是的，请继续。所以我添加标题。我要添加我们的演讲者。以及他实际发表演讲的时间，哦，看，它甚至编辑了圆圈上的路径上的文本。这看起来很不错。好的。所以，现在我肯定需要将这张照片换成Braden，但我只有学生们的普通彩色照片，但我注意到模板倾向于使用滤镜。哦，是的，当然。因此，在模板中，它将继承一些样式。所以，如果你确实添加了照片，它会自动将其变成黑白的。完美。就是这样。酷。关于这一点的另一个很棒的事情是，一些变体附加到这个模板上。H什么是变体Damian？啊，即使在模板中，你也有创造性的控制。因此，变体允许你更换资产。例如，后面的图像有一些其他选项。所以你点击交换。是的，就是这样。你找到了。哦，不错。我可以更改图案。是的。你想看看其他酷的东西吗？我很想看看。好的，酷。好吧，如果我们在这里放大到网格视图，我们可以看到我们的整个……我们的整个活动。好的，我们只有一张Braden的照片。所以，如果我们想在所有其他资产上更改它，我们只需要点击点击多编辑按钮，上传图像，就是这样。就是这样。Braden无处不在。Braden无处不在。所以，这肯定能节省我的时间，但我仍然需要为多少个活动做这件事？25个活动，3个频道，75个资产。我必须一个接一个地做这些吗？不，不，不，不，不。我们确实有一个批量创建功能，就在左侧面板上。是的。好的。哦。好的。我看到一个CSV上传。现在，你真的在说我的语言。好的。作为一名营销人员，我确实喜欢我的电子表格，我已经从我的团队那里得到了一些活动数据。所以，我只需要按打开吗？是的。然后你只需要将电子表格中的信息映射到设计上的元素。就是这样。好的。我认为我看到Tom和Tom在他们的网站CMS演示中做过这个。所以你看，我一直在注意并工作，但是……好的。好的。所以我尝试一下。所以，我要将标题与标题匹配。我要将姓名与姓名匹配。我要将照片与照片匹配。然后我要将日期与日期匹配。然后按创建。它们看起来真棒，Damian。哦，我的天哪，看看这些可爱的东西。你知道吗？看看它们。这看起来太棒了。我想我只是……我只是要回到我的座位，然后把它发送给学生们。没关系。他们需要它
昨天就像我说的那样。所以，明白了。好的。谢谢。谢谢，劳伦。那实际上很有趣。嗯，这就是Figma Buzz，各位。回到你这里，迪伦。[音乐]太棒了。谢谢，达米安和劳伦。从主题演讲开始就非常忙碌。好了，我们非常期待听到您对Figma Buzz笔记和可用性的想法。呃，Figma Buzz的测试版今天将向所有用户推出，当它退出测试版后，它将包含在完整版和开发版座位上，以及一个新的内容座位，该座位将于今年晚些时候推出。此座位是为您的贡献内容给Buzz网站CMS和其他未来产品的协作者准备的。它也将可以访问Fig Jam和Slides。所以，我们希望这能让Figma更容易被所有需要为设计流程贡献内容的人所使用。好了，大家准备好听我们今天的最后一个公告了吗？[掌声] 对于我们的最后一个公告，我们将回到我们开始的地方，那就是Figma Design。当我们开始Figma时，我们首先做的事情之一就是试图挑战围绕矢量编辑的现有惯例。这让我们对我们所说的矢量网络进行了一系列探索。我的联合创始人埃文尤其想找到一种不同的路径处理方法。而且我非常自豪于我们取得的成就。那也是很久以前的事了。从那时起，多年来，我们积累了一些长期存在的问题。这里有人认出这个吗？我很抱歉。无论是布尔运算、扁平化矢量对象还是描边轮廓，我们都知道有很多东西需要修复。所以我们对这个功能进行了完整的重写，以改进核心矢量编辑。我们还在Figma编辑器中带来了更多视觉表达。确切地说，新增了22个新功能和改进。你们都准备好了吗？为了带我们浏览所有这些内容，请欢迎这项工作的发起者，我们团队的工程主管，以及这项工作的产品负责人，劳伦·贝多里克。嗨。玩得开心。谢谢。谢谢。[音乐]
嗨，我是劳伦，我是Figma的一名工程师。您可能想知道，为什么主题演讲舞台上会有工程师？他们通常会把我们锁在后面。但我在这里是因为我将与你们分享的工作对我来说非常个人化。在成为工程师之前，我曾短暂地担任过设计师。我在学校是艺术专业，所以在我学会编程之前很久，我就知道如何使用创意工具了。我现在仍然有很多创意方面的业余爱好，我已经在Figma工作了七年了，在这段时间里，我一直对我在Figma中无法做的事情感到非常沮丧。多年来，我一直在进行无数的制作项目，以将更具表现力的工具添加到Figma中。但我从事核心编辑器团队的工作，我们一直专注于满足核心产品设计用户的需求。作为编辑团队，我们一直在不断改进排版功能或发布更好的自动布局版本。但设计正在发展。工具正在发展。你们今天看到了这一点。我们觉得，虽然工具越来越强大，但设计有时也会变得有点扁平化。也许是时候提高你在Figma中可以做的事情的上限了，以便让用户更有能力使他们的设计不再扁平化，并实现更多工艺。所以今天我很高兴与你们分享我们的开发模式切换发生了什么，那就是从今天开始，你们现在可以使用这个切换开关切换到Figma [掌声] 绘图。好的。所以我将继续切换到Figma绘图。您可以立即看到UI中有一些明显的视觉差异。我们在图层面板中有这些大型图层预览。工具栏中有一些新工具，还有一些针对视觉设计进行了优化的UI元素，例如滑块。嗯，但我将首先讨论我们对矢量编辑模式进行的一些改进。我在Figma中做过很多矢量编辑，我知道它有时会非常有限。嗯，所以我们将从Cotto为Gustini制作的这个图标集开始，它看起来像我们试图制作一堆食物图标。嗯，这应该是意大利面，但还不够好。所以我们将选择这个。按Enter键。现在我已经选择了所有这些形状。嗯，您可以在绘图中看到这里有一个不错的上下文菜单，其中包含您可能想要执行的一些常见操作。布尔运算，使用此蒙版等。但实际上今天我想矢量编辑这些。所以我将按回车键。现在我实际上同时处于所有这些形状的矢量编辑模式，这是我的新最佳伙伴。嗯，我现在可以选择所有这些顶点，并且可以同时编辑它们，这非常强大。但我实际上想今天使用我们新的形状构建器工具。所以，我将按住Option键并单击或拖动我想移除的一些形状。并单击并拖动我想组合的一些形状。这就是形状构建器工具。现在，我还可能想要对这些顶点进行更精确的编辑。因此，从历史上看，我可以单击以选择这些顶点，或者可以在它们周围拖动一个框，但这有时可能不太精确。所以今天我还可以使用我们新的套索选择工具，并选择非常精确的顶点选择。嗯，我将选择这些顶点并更改圆角。现在这看起来更像意大利面了。好的，我将继续使用此品牌资产。我认为我想通过添加这种红色的扇形边缘来使它更突出。所以我要把圆圈放到最前面。从历史上看，我可能会通过在周边多次复制圆圈来做到这一点，但这将变得非常笨拙且难以管理。因此，今天我可以用新的径向重复来代替。现在我可以更改这里的间隙。嗯，我认为类似的东西会很好，并更改计数。我差了几点。现在我有了这个看起来非常好的边界重复。我把它发送到后面。现在我有了这个扇形边缘。好的，你们中的一些人可能在Buzz演示中注意到了一些以前在Figma中可能没有看到的东西，那就是路径上的文本。所以现在我要选择这段文字，剪切它，因为我不相信自己能在舞台上打字。选择此路径，使用文本工具，如果我单击此处，我可以向路径添加文本。最后，这个矢量看起来有点像计算机，但Cassini想要更古老的感觉。因此，我们可以使用我们的一些新效果来实现这一点。所以我将添加一个新的纹理效果。您会立即看到，您可以通过更改这些参数来启用各种有趣的美感。这是一个非破坏性效果，我可以轻松地应用于此。所以我可能会选择类似的东西。您可以看到，如果我在这里放大，嗯，它使这个更小。现在，它具有很好的粗糙效果，好像它被打印在纸上一样。酷。我们将继续进行这个我们正在为Flu开发的移动原型。我将打开内联预览。嗯，我可能在这个原型中遇到一个问题，那就是导航元素在滚动时不太突出背景。所以我可能想在这里添加某种纱布。嗯，并使其固定。然后，你知道，我可能会做一些事情，例如添加背景模糊，使其非常模糊，嗯，使其稍微短一些。所以这很好，但它有一个我不太喜欢的锐利边缘。因此，从今天开始，我可以将其更改为渐进式模糊。非常令人兴奋。所以您可以看到，我可以轻松更改起始和结束模糊值，并且可以像渐变一样移动这些句柄。嗯，我可能会选择这样的东西。现在您可以看到，当我滚动时，它可以让我的导航元素在这里弹出。您可以对图层模糊和背景模糊都使用渐进式模糊。好的，我将继续介绍来自Coto的Niles正在制作的这些插图。这些看起来非常好，但它们看起来都非常矢量化。嗯，所以我可能会看看我能做些什么让这些看起来更像手绘的。所以，我要做的第一件事就是尝试在这个洒水壶上添加新的笔触。所以，我将在这里更改笔触粗细，更改笔刷选项，您可以看到我可以预览此处我们预设的所有各种不同的笔刷。嗯，我认为它看起来不错。现在，我可能也会对颜色这样做。我可以打开笔触设置，添加可能其他类型的笔刷。我喜欢那个。现在它看起来不错，像手绘的。是的。现在，我还可能想用笔刷工具手绘。所以，我将选择此笔刷工具，并在舞台上用触控板进行我今天做的最勇敢的事情——手绘。我可以在前面更改我的笔刷设置。我还可以使用Option键和滚动来更改此处的笔刷粗细。在这里做一点阴影。像这样的东西。也许在这里画一些阴影。现在我认为这看起来很漂亮，像手绘的。酷。接下来，我们将继续介绍这款纸飞机。我认为这也很明显地看起来非常尖锐且像计算机生成的。所以我可能想让这个看起来更像铅笔画的。为此，我还可以添加新的动态笔触，这是一种程序化的方法，可以使这些笔触显得弯曲。所以，我可以更改频率值、摆动值。那很弯曲。嗯，和平滑值，并获得看起来相当漂亮的东西，像手绘的。也许我喜欢这样的东西。嗯，所以我对此很满意。现在，我还可能认为这种红色看起来非常扎实。所以我可能想改为使用图案。从历史上看，要做到这一点，你可能会制作一个圆圈，然后将其复制5000次。作为一名工程师，我必须告诉你，每次你这样做时，你的CPU都会在内部死一点。所以，我们构建了一些强大而有用的东西，但对性能也更好，那就是新的图案填充。所以我可以在此处选择图案填充，然后从画布中选择一个源。现在更改我的缩放和间距值。将其更改为六边形图案。是的，我真的很喜欢图案填充。嗯，我也可以现在决定我不喜欢这个，并将其更改为也许这个像影线图案。使其稍微小一点，稍微松散一点。我认为这看起来相当不错。嗯，关于使用图案的另一件事是，我现在也可能意识到这与我添加的动态笔触的美感并不匹配。所以如果我实际上更新此图案的源图层，那么所有图案也将立即更新。所以你可以看到我将此笔触更改为动态，现在我的所有图案也是动态笔触。好的，接下来我们将继续介绍一些齿轮的插图。这有点像漫画风格。它有一些我非常喜欢的非常好的笔触变化。嗯，我认为这个笔触看起来不太对。它看起来有点太均匀，太细了。所以我可能会选择这个，进入矢量编辑模式并使用新的可变笔触工具。现在我可以在这里更改笔触粗细。也可以在这里更改。也许也可以在这里。然后我可以移动这些笔触锚点，以赋予任何美感。是的。现在可变笔触将在一个月或两个月内推出，但我们太兴奋了，今天不想告诉你们。嗯，当它们准备好具有各种压力灵敏度等功能时，我们将发布它们。最后，这只鸟的插图看起来有点太扁平化和矢量化了。所以我可能想尝试使用我之前向你们展示的相同纹理效果。所以我们将继续添加纹理效果，但使用一些不同的值来启用一些不同的美感。所以，你知道，我可以真正放大这个半径和大小。我可能会坚持使用较小的尺寸和相对较大的半径。我认为这看起来很有纹理，但仍然可以作为一只鸟识别出来。然后我还可以使用此剪辑到形状选项，使纹理剪辑到[掌声]路径的边界内。这很有趣。最后，这个喙看起来有点歪斜。所以我可能会添加一个新的添加旋转原点，通过添加选项R。然后我可以将此旋转原点拖动到这里，并围绕此处边缘旋转它。酷。这是最终的插图集，我认为这些看起来还不错。在Figma中执行此操作的另一个非常有趣的事情是它与您已经了解和喜爱的所有Figma功能非常出色地集成在一起。因此，在这种情况下，我还使用颜色变量设置了这些。所以我可以转到外观面板，更改为深色模式，突然之间这些都是深色模式插图。我们已经运行了一个小型封闭式Alpha程序，大约有100位用户，已经运行了几个月了，我想分享他们使用Figma绘图制作的一些作品。现在我的团队构建了所有这些功能。我个人构建了其中几个功能。我是这个项目的工程和产品经理，当我看到我们的用户一直在制作的作品时，老实说，每次我都仍然会说，等等，你可以在Figma中做到这一点。现在你可以了。这里应该有一张幻灯片。它很快就会出现。就是这样。是的。酷。谢谢大家。谢谢。谢谢。恭喜。谢谢。谢谢，劳伦。我希望你们都喜欢Figma Draw。我们迫不及待地想看看你们将如何使用这个新界面。呃，Figma绘图的可用性。所有新功能都将从今天起对所有人开放。是的，这可能是您见过的每分钟功能密度最高的。我们刚刚发布了22个新功能，但我们还有更多即将推出。敬请关注。[掌声][音乐]
好的，总结一下，今天我们推出了网格站点、Buzz、Make、Draw。这是大量辛勤工作的结晶，你只是看到了表面的顶端。嗯，我们无法在主题演讲中涵盖所有内容。因此，如果您想了解我们在此处发布的所有内容，请务必查看这些深入探讨，因为还有很多内容我们无法详细介绍。当然，如果没有Figma团队中令人难以置信的人们，这一切都是不可能的。请为这些人鼓掌[掌声]。不用说，这只是为这项工作做出贡献的许多人的一部分面孔。嗯，我很荣幸能与最棒的团队一起工作。所以我们今天将产品组合从4个增加到8个，我们希望它们能够帮助您比以往任何时候都更快地从创意到产品。10年前，在浏览器中被视为一个激进的想法。今天这只是常态。如果您快进十年，或者甚至一两年，现在不可能的事情，或者现在看起来不可能的事情，将会感觉像新的常态。而这个未来不会是偶然设计的。它将由你们所有人有意地塑造。你们从第一天起就在做这件事。无论是扩展可能性、用你们的创造力给我们带来惊喜，甚至是让Figma做它从未被设计要做的事情，这是我喜欢这里和虚拟世界中所有人的许多事情之一，那就是你们都充满活力。你们都充满活力去思考得更远，思考得更深。你们都充满活力，永不满足。你们努力将优秀变得伟大。我迫不及待地想看看你们会创造什么。所以在配置之后，当你们回到你们的团队、生活和日常混乱中时，让我们记住，世界在这个时刻需要你们来领导和推动可能性。非常感谢你们来到这里，与我们一起开始Config的前两天。我希望能够亲自见到你们中的许多人。请打个招呼，并祝您拥有一个精彩的Config 2025。谢谢。[音乐]