Figma, the collaborative design platform, unveiled a broad set of AI-powered capabilities at Config 2026, its annual developer conference held on June 24, headlined by a new native animation tool called Motion and a significantly upgraded AI Design Agent.
Smarter Agent With External Connections
The Design Agent now supports skills — reusable workflow instructions that teams define once and share across projects. A new connectors system links the agent to external services including Notion and GitHub, and its activity is surfaced in team chat channels by default. According to Figma, the agent can generate design starting points, process feedback from linked project tools, and run multi-step tasks directly on the canvas.
Motion: Native Timeline Animation
Figma Motion integrates a timeline-based animation environment directly into Figma Design, letting teams build animations without switching to a separate tool. Designers can start from scratch with keyframes, layer motion onto existing designs, or prompt the Design Agent to generate an animation automatically. Exports cover CSS, JSON, React, and video formats for direct engineering hand-off. Motion is available in open beta on all Figma plans starting June 24.
Generative Plugins and Shader Fills
Generative Plugins let designers describe a custom tool in plain language and have Figma generate it — no coding required. Plugins can be shared within a file and published to the community. Shader Fills allow teams to describe a visual effect and have the agent produce editable, shader-based fills on the canvas with user-adjustable parameters.
A Code Layers feature rounds out the release, converting design layers to interactive code in a single click for parallel design-and-engineering workflows.