Figma adds native code layers, animations, AI tools

What happened

Figma rolled out code layers directly in its collaborative canvas, allowing teams to clone repositories and extract code flows into design layers. The platform now supports animations, transitions, and 3D transforms natively, eliminating the need to create them elsewhere and convert them to code. AI can now generate shader effects and fills, and users can write text prompts to create repeatable skills for AI agents.

Why it matters

The new code layers mean designers, product managers, and engineers can iterate together on rough ideas without producing production-ready code, potentially reducing handoff friction between design and engineering teams. Previously, designers had to use separate software for animations and then convert the work into a format Figma could understand; native support saves that round trip.

What to watch

Later this year, Figma plans to integrate the node-based tool Weavy (which the company acquired last year) so users can generate Weavy workflows directly within Figma. The company is also adding the ability to connect tools like Notion, Granola, Excel, and GitHub to give the AI assistant more context for custom tasks.