What new AI capabilities did Figma announce?

Figma introduced AI-generated motion graphics that create animations and transitions by describing them to a chatbot, shader effects that let users build custom visual treatments like dither and pixelate, and agent skills that turn repetitive work into reusable tools for entire teams.

Can developers edit code without leaving Figma?

Yes. Code layers allow you to work directly with code on the Figma Design canvas—you can clone repositories, extract flows into editable design layers, and sync changes back to code, all without leaving the canvas.

Do teams need technical skills to build custom plugins?

No. Generative plugins let teams build custom, reusable tools with the agent and turn prompts into tools that can be tweaked and shared with no developer setup or technical skills required.

Large Language ModelsThe Verge AIJun 24, 2026Jun 25, 2026, 04:00 JST

Figma adds AI motion graphics and code editing tools

Send on LINE

3 Key Points

What happened
Figma announced new product features at its Config conference, including code layers that let users edit code directly on the design canvas, AI-generated motion graphics and transition effects created by describing them to a chatbot, and shader effects built by prompting the tool. The company also introduced Figma Weave workflows with 20 plus integrated tools, and generative plugins that let teams build custom, reusable tools without requiring developer setup or technical skills.
Why it matters
These updates aim to reduce tedious, repetitive work for design and development teams by letting them automate tasks with AI and collaborate in a single place. Code layers and motion tools connected to design systems could streamline the handoff between designers and developers, potentially reducing back-and-forth cycles. The ability to turn repetitive work into reusable team skills suggests Figma is positioning itself as a full-stack tool for both design and coding.
What to watch
A full integration between Figma and Figma Weave is expected later this year, which would deepen the AI capabilities available directly on the canvas.

Not sure about something? Ask the AI

Questions and answers are published on this page.

Summaries like this, in your inbox every morning.

Get news like this every morning, free

FAQ

What new AI capabilities did Figma announce?: Figma introduced AI-generated motion graphics that create animations and transitions by describing them to a chatbot, shader effects that let users build custom visual treatments like dither and pixelate, and agent skills that turn repetitive work into reusable tools for entire teams.
Can developers edit code without leaving Figma?: Yes. Code layers allow you to work directly with code on the Figma Design canvas—you can clone repositories, extract flows into editable design layers, and sync changes back to code, all without leaving the canvas.
Do teams need technical skills to build custom plugins?: No. Generative plugins let teams build custom, reusable tools with the agent and turn prompts into tools that can be tweaked and shared with no developer setup or technical skills required.

The Verge AIRead Original Article

Send on LINE

AI news that matters for your work, delivered every morning.

Pick your industry and the AI tools you use, and get news related to your work every day.

Get it free

Free · 30 seconds with Google · unsubscribe anytimeWhat is AIToday? →

Ask AI

Ask AI anything about this article. The AI reads this article, earlier AIToday articles, and Wikipedia, and cites its sources. Q&As are published on this page for other readers too.