Figma adds code layers, support for animations, more AI features in new update
Back to Home
tools

Figma adds code layers, support for animations, more AI features in new update

June 24, 202611 views2 min read

Figma's latest update introduces code layers, animation support, and AI-powered plugin capabilities, enhancing the platform's design-to-development workflow.

Figma has announced a significant update to its design platform, introducing several new features aimed at enhancing collaboration and streamlining the design-to-development workflow. The latest update brings code layers, motion and shader support, and expanded AI-powered plugin capabilities, positioning the platform as a more comprehensive tool for modern design teams.

Code Layers and Animation Support

The new code layer feature allows designers to integrate actual code directly into their Figma prototypes, enabling seamless handoff between design and development teams. This addition addresses a long-standing need for better code integration, reducing the friction that often occurs during the transition from design to implementation.

Additionally, Figma now supports motion and shaders, which means designers can create and preview animations and visual effects directly within the platform. This enhancement is particularly valuable for teams working on interactive experiences, as it allows them to prototype complex animations without leaving Figma's ecosystem.

AI-Driven Plugin Customization

Perhaps most notably, Figma's update includes expanded AI capabilities for plugin development. Users can now create custom plugins for various tasks using AI assistance, opening up new possibilities for automation and specialized workflows. This move aligns with the broader industry trend of integrating AI into design tools to boost productivity and creativity.

The update reflects Figma's ongoing commitment to staying ahead in the competitive design software landscape, where platforms are increasingly expected to offer seamless integration between design, prototyping, and development processes.

Conclusion

With these new features, Figma continues to solidify its position as a leading design platform, particularly for teams that value collaboration and efficiency. The integration of code layers, animation support, and AI-powered customization tools represents a significant step forward in bridging the gap between design and development.

Related Articles