Figma showed Code Layers - turn a layer into interactive code with one click, in both directions. Plus Motion, AI shaders and a stronger agent. The line between design and code softens.
- Figma showed Code Layers at Config 2026 (June 24): a layer becomes interactive code with a click, changes flow both ways.
- Plus Figma Motion (timeline and keyframes with export to CSS/JSON/React), AI shader effects and generative plugins by prompt.
- Figma Agent gets custom skills and connectors to Notion, Slack and GitHub; rolling out from July 2026.
Twenty years I've watched the mockup pass into the developer's hands and come out the other side different - something always gets lost in translation. At Config 2026 (the company's annual conference) Figma showed Code Layers: every layer becomes interactive code with a click or a prompt, and changes flow both ways - design to code and back. Rolling out from July 2026.
The format says a lot here, in both directions. For years, 'hand it to the developer' was a chasm with a moat. Code Layers fills it in. The mockup and the code stop being two separate worlds.
The designer's tools are merging with the builder's. For us, who do both, it's good news - you see less translation, more making.