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