Figma 现已推出AI动态图形和着色器工具

# Figma 现在拥有 AI 动态图形和着色器工具 来源：https://www.theverge.com/tech/955831/figma-code-design-tools-config-2026-announcements Jess Weatherbed（https://www.theverge.com/authors/jess-weatherbed） Jess Weatherbed 是一位专注于创意产业、计算和互联网文化的新闻撰稿人。Jess 在 TechRadar 开始了她的职业生涯，负责新闻报道和硬件评测。 Figma 在其年度 Config 大会（https://config.figma.com/）上公布了一些新的设计和编码产品更新（https://www.figma.com/blog/config-2026-recap/），旨在帮助创意人士“进一步推动他们的想法”，并利用AI自动化繁琐的任务。据 Figma 介绍，其中一部分是重新构想的画布，现已针对全栈开发进行了优化，将团队、AI 智能体（https://www.theverge.com/news/783828/figma-make-ai-app-coding-mcp-server-update）、工具和素材“整合在一处”。 值得注意的亮点包括：编码层（Code layers）允许你无需离开 Figma Design 画布即可调整项目代码；以及 AI 生成的动态图形效果（https://www.figma.com/blog/introducing-figma-motion/），你可以通过向 Figma 的聊天界面描述需求来制作动画和过渡效果。你可以在 Figma 网站（https://www.figma.com/blog/config-2026-recap/）上阅读所有新产品的更多信息。 此外，以下是 Figma 对所有已宣布内容的概览（https://help.figma.com/hc/en-us/articles/39582753756695-What-s-new-from-Config-2026）： > **表达创意的新素材** > ● **Code layers（编码层）**：直接在 Figma Design 画布上处理代码。克隆仓库，利用 Figma 的智能体（https://www.theverge.com/ai-artificial-intelligence/934533/figma-has-a-product-design-ai-agent）生成新方向，将流程提取为可编辑的设计图层，并将更改同步回代码。 > ● **Motion（动态）**：直接在 Figma 中协作设计动画、过渡和 3D 变换。通过提示词使用 AI 创建动画，应用预设样式，或在时间轴上手动调整。Motion 与设计系统相连，基于代码，并可随时发布。 > ● **Shaders（着色器）**：通过提示词构建着色器效果和填充，实现由 WebGPU 驱动的自定义视觉处理。以前 Figma 中无法实现的效果，如抖动、像素化和各种模糊类型，现在都可以直接在画布上创建。 > ● **Figma Weave 工作流（https://www.theverge.com/news/809909/figma-weave-weavy-acquisition-ai-design-canvas）**：使用 20 多个集成的 Weave 工具，在 Figma 中生成一致且高质量的视觉效果，将复杂的 AI 工作流转化为画布上的简单工具。这是 Figma 与 Figma Weave 全面整合的第一步，预计将于今年晚些时候完成。 > > **团队与智能体协作的新智能工具** > ● **Agent 技能与更深层的上下文**：将重复性工作转化为技能，整个团队可以借助 Figma 的智能体更精确、更一致地工作。通过第三方连接器、网络搜索和文件附件引入更多上下文。 > ● **生成式插件**：通过使用智能体构建可自定义、可复用的插件来扩展 Figma 的功能。将提示词转化为可调整和共享的工具——无需开发者设置或技术技能。 **关注此故事的主题和作者**，即可在个性化首页 feed 中查看更多类似内容，并接收电子邮件更新。 - Jess Weatherbed