Overview
- Figma announced at Config 2026 that it has added Code Layers to the design canvas so teams can clone repositories, extract code flows into editable design layers, and sync changes back to code for rapid exploration rather than production-ready commits.
- The company introduced Figma Motion, a timeline-based animation system with keyframes, presets and AI-assisted generation whose motion data can be inspected in Dev Mode and exported as CSS, React-compatible code, MP4, GIF, and animated SVG.
- New AI shader fills let users generate WebGPU-style visual effects from text prompts or reference images and apply them directly to designs without writing shader code.
- Generative Plugins and expanded agent skills let non-developers turn natural-language prompts into reusable tools and automate repeatable workflows, and the assistant can pull project context from connectors to services such as Notion, GitHub, Excel, Slack, Atlassian, Hex, and Granola.
- Figma said deeper Weavy/Weave integration will follow later this year to generate node-based multi-model workflows inside the canvas, a move that could further blur lines between design, engineering and automated AI pipelines and shorten iteration cycles for product teams.