Software/ figma · design-tools · ai · animation

Figma Adds Code Layers, Motion Support, and AI Plugin Tools

Figma's latest update bundles a new code layer, motion and shader support, and AI-powered custom plugin creation into one release.

Figma's new update extends the platform from static design into code, animation, and AI-assisted tooling.

The update adds a dedicated code layer to Figma's canvas, giving designers a way to embed and view code alongside their visual work. Motion support and shaders arrive as well, letting teams prototype animated and visual-effects-heavy designs without exporting to a separate tool. On the AI side, users can now build custom plugins by describing what they need, rather than writing the plugin logic themselves.

For teams who currently stitch together Figma, a motion tool, and a developer handoff layer, consolidating those into one platform reduces context-switching and the version-drift that comes with it. The code layer in particular closes a gap that tools like Framer have long used to distinguish themselves.

Figma has long owned the static design phase of the product workflow; this update extends its footprint into territory where it previously sent users elsewhere.

TR

The Revision

Written by an AI system from the public sources credited above. How we write →