Figma Integrates Code Layers and AI-Driven Animation Tools

Chief product officer Yuhki Yamashita emphasized that the new code layers are designed to foster exploration rather than immediate deployment. By allowing engineers and product managers to interact within the same spatial environment, the tool aims to streamline how teams test flows and clone repositories without the burden of maintaining pristine codebases. This environment permits a more fluid exchange of ideas, where the quality of the underlying code is secondary to the speed of prototyping.

Beyond code integration, the platform now supports native animations, transitions, and 3D transforms, eliminating the need for external software conversions. Users can leverage AI to generate shader effects and fills, further accelerating the creative process. Additionally, the company is refining its AI assistant to support custom skill creation through text prompts. By connecting external services like GitHub, Notion, and Excel, or by creating custom plugins for tasks such as vector path tracing, users can provide the AI agent with specific project context. Following the acquisition of Weavy, future updates will also enable the generation of complex, node-based workflows directly within the Figma interface.