Figma adds code layers and AI design tools
Figma added code layers, motion support and more AI features as design tools move closer to product-building workflows.
Figma is moving closer to the code layer. Its latest update shows design software becoming a more AI-assisted product-building workspace, not just a place to create screens.
What happened
Figma announced an update adding code layers, support for motion and shaders, and more AI features for custom plugins and repeatable AI agent skills.
The new code layers let teams clone repositories and pull flows from code into design layers for testing. Figma is also adding AI-powered asset creation and integrations with tools such as Notion, Granola, Excel and GitHub.
Why it matters
This is a strong design-to-code workflow signal.
Designers, engineers and product teams increasingly need to work closer together. Code-aware design layers could shorten the gap between prototype, implementation and iteration.
The bigger picture
The next product tools may blur the line between design, code and workflow automation. Figma is trying to stay at the centre of that shift before AI-native builders pull teams away from traditional design workflows.