Figma 新更新增加代码层、动画支持和更多AI功能

# Figma 新增代码层、动画支持及更多 AI 功能于最新更新中 | TechCrunch 来源: https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update/ Figma 周三展示了一项更新，新增了代码层、支持动效和着色器，以及使用 AI 为各种任务创建自定义插件的能力。 这家设计平台一直在努力将代码集成引入其工具中。去年，它推出了基于 AI 提示的原型设计工具 Figma Make，并随后集成了 Claude Code 和 Codex (https://techcrunch.com/2026/02/26/figma-partners-with-openai-to-bake-in-support-for-codex/)，以改善编码与设计之间的交接。 该公司现在直接将代码层添加到协作式画布中，帮助团队克隆代码仓库，并从代码中提取流程到设计层进行测试。 **图片来源：**FigmaFigma 的首席产品官 Yuhki Yamashita 表示，代码层使得设计师、产品经理和程序员更容易迭代想法，而不是专注于创建可直接投入生产的完美代码。 “我们认为多人协作画布非常强大，因为在这个环境中，你并不真正关心代码的质量。如果你在快速探索或需要尝试一系列新方向，你可以通过这种空间化的方式来实现。我们希望这项功能不仅能改变设计师的行为，也能对工程师和产品经理产生不同的影响，”他在一次电话会议中说道。 Figma 现在也支持动画、过渡和 3D 变换。过去，设计师必须在其他软件中创建动画，然后将其转换为应用程序能理解的代码。现在，设计师可以直接在 Figma 中集成动画和过渡效果。 **图片来源：**Figma你现在可以使用 AI 来创建其中一些资产，此次更新还新增了对使用 AI 添加着色器效果和填充的支持。 去年，Figma 收购了基于节点的工具 Weavy (https://techcrunch.com/2025/10/30/figma-acquires-ai-powered-media-generation-company-weavy/)，该工具帮助设计师通过不同模型运行工作流以比较输出结果。目前 Figma 正在努力更好地整合这两款应用。在今年晚些时候推出的更新中，用户将能够直接在 Figma 内生成 Weavy 工作流。 该公司还在为其 AI 助手 (https://techcrunch.com/2026/05/20/figma-adds-an-ai-assistant-to-its-collaborative-canvas/) 添加新技能，使其在协作画布上更有用。用户现在可以编写文字提示来创建 AI 智能体可重复使用的技能。你还可以连接 Notion、Granola、Excel 和 GitHub 等工具，或附加文件，以便为 AI 机器人提供更多关于你想要它做什么的上下文。 该公司还增加了一项功能，帮助用户通过提示创建自定义插件，例如布局生成器或矢量路径追踪器。 *当您通过我们文章中的链接购买商品时，我们可能会获得少量佣金 (https://techcrunch.com/techcrunch-affiliate-monetization-standards/)。这不会影响我们的编辑独立性。* Ivan 在 TechCrunch 负责全球消费科技动态。他常驻印度，曾任职于 Huffington Post 和 The Next Web 等媒体。 您可以通过电子邮件 [[email protected]](mailto:[email protected]) 或通过 Signal 上的加密消息 (ivan.42) 联系或核实来自 Ivan 的信息。 查看简介 (https://techcrunch.com/author/ivan-mehta/)