Figma launches code layers & motion at Config 2026.
Article excerpt
Highlighted: the sentence this signal was extracted from
Figma launches code layers & motion at Config 2026. JUN 24, 2026 Six new canvas capabilities push Figma deeper into code, animation and AI-generated design materials. The gist. * Integrated code layers. Designers can now create interactive code directly in Figma. * Built-in motion tools. Animation and timeline editing arrive natively on the canvas. * Workflow gains. Product and design teams get faster iteration and tighter collaboration. Figma announced a suite of new features at Config 2026 on June 24, expanding its platform with code layers, built-in motion design, shader fills and effects, generative plugins, Weave tools and an updated Figma agent. According to the company, the announcements center on supporting new creative materials - code, motion and shaders - directly on the collaborative canvas. Figma described code layers as treating code "like any other design material," letting users convert any design layer into an interactive code layer with a single click or prompt. Early access begins in July. Figma Motion, available now, adds a timeline with keyframes and presets, plus export in CSS, JSON, React, MP4, WebM, Animated SVG and GIF formats. Config 2026 feature breakdown. | Capability | Description | | Code layers | Converts any design layer into interactive code with one click | | Figma Motion | Adds timeline, keyframes and animation export in CSS, JSON...
Keep reading with a free account
The rest of this article, and every signal for Figma, is in your free account.