---
title: "Figma now has AI motion graphics and shader tools"
slug: "figma-now-has-ai-motion-graphics-and-shader-tools"
date: 2026-06-24
category: tech-pub
tags: [agents]
language: en
sources_count: 1
featured: false
publisher: AInauten News
url: https://news.ainauten.com/en/story/figma-now-has-ai-motion-graphics-and-shader-tools
---

# Figma now has AI motion graphics and shader tools

**Published**: 2026-06-24 | **Category**: tech-pub | **Sources**: 1

---

## TL;DR

- At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.

---

## Summary

- At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.
- Code Layers let users edit code inside the Figma Design canvas, clone repositories, turn flows into editable design layers, and sync changes back to code.
- Motion adds AI-generated animations, transitions, and 3D transforms. Users can prompt effects, apply presets, or refine them manually on a timeline.
- Shaders uses WebGPU to create visual treatments such as dither, pixelate, and new blur effects directly on the canvas. Weave workflows add more than 20 integrated AI tools.

---

## Why it matters

At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.

---

## Key Points

- At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.
- Code Layers let users edit code inside the Figma Design canvas, clone repositories, turn flows into editable design layers, and sync changes back to code.
- Motion adds AI-generated animations, transitions, and 3D transforms. Users can prompt effects, apply presets, or refine them manually on a timeline.
- Shaders uses WebGPU to create visual treatments such as dither, pixelate, and new blur effects directly on the canvas. Weave workflows add more than 20 integrated AI tools.

---

## Nauti's Take

This is a logical move, but not a harmless one. Prompted motion and shaders can lower friction for designers, yet they can also turn into an effects machine if teams lack strong design-system rules. Code Layers is the more important piece: if syncing between design and repositories is genuinely reliable, Figma becomes much more central for product teams. If not, it is a polished demo wrapped in heavy PR language.

---


## FAQ

**Q:** What is Figma now has AI motion graphics and shader tools about?

**A:** - At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.

**Q:** Why does it matter?

**A:** At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.

**Q:** What are the key takeaways?

**A:** At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace.. Code Layers let users edit code inside the Figma Design canvas, clone repositories, turn flows into editable design layers, and sync changes back to code.. Motion adds AI-generated animations, transitions, and 3D transforms. Users can prompt effects, apply presets, or refine them manually on a timeline.

---

## Related Topics

- [agents](https://news.ainauten.com/en/tag/agents)

---

## Sources

- [Figma now has AI motion graphics and shader tools](https://www.theverge.com/tech/955831/figma-code-design-tools-config-2026-announcements) - The Verge AI

---

## About This Article

This article is a synthesis of 1 sources, curated and summarized by AInauten News. We aggregate AI news from trusted sources and provide bilingual (German/English) coverage.

**Publisher**: [AInauten](https://www.ainauten.com) | **Site**: [news.ainauten.com](https://news.ainauten.com)

---

*Last Updated: 2026-06-25*