Figma has announced a comprehensive platform update that significantly expands its capabilities in code integration, AI-powered design features, and collaborative workflows. The design platform's latest enhancements focus on bridging the traditional gap between design and development teams through innovative tools that enable direct code manipulation within the collaborative canvas environment.

The centerpiece of this update is the introduction of code layers, a feature that allows teams to work directly with code repositories within Figma's design environment. This functionality enables users to clone repositories and extract development workflows into visual design layers for rapid testing and iteration. The feature represents a fundamental shift in how design and development teams can collaborate, moving beyond traditional handoff processes to real-time, integrated workflows.

Yuhki Yamashita, Figma's Chief Product Officer, emphasized that code layers create an environment where code quality takes a backseat to rapid exploration and iteration. This approach encourages different behaviors not only from designers but also from engineers and product managers, fostering a more collaborative and experimental development process. The spatial nature of the collaborative canvas allows teams to explore multiple directions simultaneously without the constraints of production-ready code requirements.

The update also addresses long-standing limitations in animation and motion design within Figma. Previously, designers needed to create animations in external software and convert them to compatible formats. The new native support for animations, transitions, and 3D transforms eliminates this workflow friction, allowing designers to implement motion graphics directly within their design files. This enhancement streamlines the design process and reduces dependency on external tools.

AI capabilities receive substantial expansion through multiple new features. The platform now supports AI-generated shader effects and fills, building on Figma's strategic acquisition of Weavy, a node-based workflow tool that enables designers to run processes through different AI models for output comparison. The integration of Weavy's capabilities directly into Figma, planned for later in the year, will provide users with sophisticated AI-driven design workflows without leaving the primary platform.

Figma's AI assistant receives enhanced functionality through customizable skills that users can create via text prompts. This system allows for the development of repeatable AI agent capabilities tailored to specific workflow needs. The assistant now integrates with external platforms including Notion, Granola, Excel, and GitHub, enabling access to broader context and more accurate assistance across different aspects of the design and development process.

The introduction of AI-powered custom plugin creation represents another significant advancement. Users can now generate specialized tools such as layout generators and vector path tracers through natural language prompts, democratizing plugin development and potentially expanding Figma's ecosystem substantially. This feature reduces the technical barriers to creating custom functionality within the platform.

These updates position Figma strategically within the evolving landscape of AI-integrated design tools. The code layer functionality directly addresses persistent friction points in design-to-development handoffs, while the AI enhancements align with growing industry demand for intelligent creative assistance. The platform's approach of maintaining its collaborative canvas foundation while adding development capabilities creates a unique position against both emerging AI-native design tools and traditional development environments seeking design integration.

The timing of these announcements reflects broader industry trends toward more integrated design and development workflows, with AI serving as a catalyst for reducing traditional barriers between creative and technical processes. Figma's continued focus on collaboration, combined with these technical enhancements, reinforces its position as a central platform for modern design and development teams.

Related Links:

• Figma partners with OpenAI to bake in support for Codex
• Figma acquires AI-powered media generation company Weavy
• Figma adds an AI assistant to its collaborative canvas