Figma adds code layers, motion tools and AI plugins

At its annual Config conference in San Francisco, design software company Figma unveiled a major expansion of its platform, introducing features that integrate coding, animation, and advanced artificial intelligence directly into its collaborative design canvas. The announcements, made on Wednesday, June 24, 2026, aim to unify the workflows of designers, developers, and product managers within a single shared workspace.

The most significant new capability is the introduction of code layers, which allow teams to place interactive, code-based elements alongside conventional design layers. Users can clone repositories, bring existing interfaces into Figma, and extract individual flows for testing and collaborative review. Figma's chief product officer, Yuhki Yamashita, explained that the feature is intended for rapid experimentation, where code quality is secondary to exploration, encouraging new collaborative behaviors across different roles. The system supports npm packages, including motion libraries and 3D frameworks.

Figma also introduced native animation and motion support with a new tool called Figma Motion. This adds a timeline for creating animations, transitions, and 3D...