# Figma推出AI动态图形与着色器工具 - 来源：The Verge：AI（RSS） - 作者：Jess Weatherbed - 发布时间：2026-06-25 00:15 - AIHOT 分数：59 - AIHOT 链接：https://aihot.virxact.com/items/cmqsatxup01g9slfuk5h4hfkv - 原文链接：https://www.theverge.com/tech/955831/figma-code-design-tools-config-2026-announcements ## AI 摘要 Figma在年度Config大会上发布多项设计及编码更新。核心亮点：Code layers允许在设计画布内直接操作代码、克隆仓库并通过Agent生成新方向；Motion功能支持通过提示词生成动画和过渡效果，可应用预设样式或手动调整时间线；Shaders借助WebGPU实现抖动、像素化、多种模糊等着色器效果。Figma Weave工作流集成20余种工具，将复杂AI流程简化为画布上的简易操作。此外，Agent技能支持第三方连接器和文件附件上下文，生成式插件允许无代码创建可共享的自定义工具。 ## 正文 Figma now has AI motion graphics and shader tools You can also work directly with code on the Figma Design canvas, thanks to code layers. You can also work directly with code on the Figma Design canvas, thanks to code layers. by Jess Weatherbed Jun 24, 2026, 4:15 PM UTC Image: Figma Jess Weatherbed is a news writer focused on creative industries, computing, and internet culture. Jess started her career at TechRadar, covering news and hardware reviews. Figma has unveiled some new design and coding product updates at its annual Config conference that aim to help creatives “push their ideas further” and automate tedious tasks with AI. Part of this is a reimagined canvas that’s now optimized for full-stack development, according to Figma, bringing teams, AI agents, tools, and materials “together in one place.” Notable callouts include coding layers that let you tweak the code of your projects without leaving the Figma Design canvas, and AI-generated motion graphics effects, which allow you to make animations and transition effects by simply describing them to Figma’s chatbot interface. You can read more about all the new product updates over on Figma’s website. Otherwise, here’s Figma’s overview of everything that was announced: New creative materials to express ideas ● Code layers: Work directly with code on the Figma Design canvas. Clone repositories, generate new directions with Figma’s agent, extract flows into editable design layers, and sync changes back to code. ● Motion: Design animations, transitions, and 3D transforms collaboratively, directly from Figma. Prompt to create animations with AI, apply preset styles, or adjust manually on a timeline. Motion is connected to design systems, code-backed, and ready to ship. ● Shaders: Prompt to build shader effects and fills, custom visual treatments powered by WebGPU. Effects that weren’t available in Figma before, like dither, pixelate, and various blur types can now be created directly on the canvas. ● Figma Weave workflows: Generate consistent and high-quality visuals in Figma with 20 plus integrated Weave tools, turning complex AI workflows into simple tools on the canvas. This is the first step towards a full integration between Figma and Figma Weave, expected later this year. New intelligent tools for teams and agents to collaborate ● Agent skills and deeper context: Turn repetitive work into skills that entire teams can use to work more precisely and consistently with Figma’s agent. Bring in more context with third party connectors, web search, and file attachments. ● Generative plugins: Extend Figma’s capabilities by building custom, reusable plugins with the agent. Turn prompts into tools that can be tweaked and shared — no developer setup or technical skills required. Follow topics and authors from this story to see more like this in your personalized homepage feed and to receive email updates. Jess Weatherbed Most Popular Meta launches cheaper smart glasses without Ray-Ban GTA VI finally gets a price tag The best Prime Day deals we found on our favorite gear I drove the Slate Truck — there’s more to it than EV minimalism Prime Day has some solid deals on Switch 2, PS5, and Xbox games More in Tech The 16 best robot vacuum deals available during Prime Day 8BitDo’s all-button controller gets a screen upgrade for customizations without an app This year’s Prime Day deals on Apple products are the best I’ve seen Laptop prices suck these days, but here are 25 Prime Day deals that help a little Philips Hue’s smart lights are getting a connectivity upgrade Google’s TV Streamer 4K is $25 off, its best price ever The 16 best robot vacuum deals available during Prime Day Sheena VasaniAn hour ago 8BitDo’s all-button controller gets a screen upgrade for customizations without an app Andrew LiszewskiTwo hours ago This year’s Prime Day deals on Apple products are the best I’ve seen Sheena VasaniTwo hours ago Laptop prices suck these days, but here are 25 Prime Day deals that help a little Antonio G. Di BenedettoTwo hours ago Philips Hue’s smart lights are getting a connectivity upgrade Jennifer Pattison TuohyTwo hours ago Google’s TV Streamer 4K is $25 off, its best price ever Sheena Vasani1:30 PM UTC 12:00 PM UTC I drove the Slate Truck — there’s more to it than EV minimalism 10:29 AM UTC GTA VI finally gets a price tag 12:00 PM UTC Star Fox is the Switch 2’s most impressive visual showcase yet 1:00 PM UTC The Google Home Speaker sounds good and looks great — but it’s finicky 11:00 AM UTC Our favorite Prime Day deals you can shop on day two