Figma Adds Code Layers, Animations, and Expanded AI Features
Figma announced on Wednesday a comprehensive platform update engineered to bridge design and development through native code layers, advanced motion capabilities, and expanded artificial intelligence tools. The release marks a strategic expansion of the collaborative canvas, positioning the platform as an integrated environment for product design, prototyping, and engineering iteration. The update introduces code layers that enable teams to clone repositories and extract functional code directly into design elements for rapid testing. Chief Product Officer Yuhki Yamashita noted that the multiplayer canvas now functions as an exploratory workspace where code quality takes a backseat to concept validation. This capability allows designers, product managers, and engineers to prototype spatially and evaluate new directions without the friction of production-ready syntax, fundamentally altering cross-functional collaboration. Figma also natively supports animations, transitions, and three-dimensional transforms. Previously, motion design required external software and manual code conversion. The platform now allows designers to build, preview, and adjust animation sequences directly within the interface. AI-assisted generation has been extended to shader effects and material fills, further reducing manual asset production. Artificial intelligence integration has been substantially upgraded to contextualize team workflows. Users can now generate repeatable AI skills through text prompts, automating routine tasks. The assistant connects directly with productivity and development ecosystems, including Notion, Granola, Excel, and GitHub, enabling teams to attach files and supply precise contextual data for AI outputs. Additionally, Figma is introducing prompt-driven custom plugin creation, allowing users to build layout generators and vector path tracers without traditional development experience. The company is also deepening its integration with Weavy, the node-based workflow tool acquired last year. A subsequent update rolling out later this year will allow users to generate and manage Weavy workflows directly inside Figma, establishing a unified pipeline for comparing model outputs and automating design sequences. These additions build upon Figma Make, the company’s earlier AI prompt-based prototyping tool, alongside existing integrations with Claude Code and Codex that have already streamlined design-to-code handoff. The update positions Figma as a more holistic product development environment, minimizing reliance on third-party utilities while accelerating iteration cycles. By embedding code handling, native motion design, and contextual AI agents into a single collaborative space, the platform aims to eliminate friction between conceptual design and technical implementation. As AI and engineering integration become standard in creative software, Figma’s latest release reflects a broader industry shift toward unified, code-aware workspaces that prioritize rapid prototyping and cross-disciplinary alignment.
