At Config 2026, Figma introduced Code Layers, Figma Motion, and AI-generated shader effects — a set of changes that turn the ...

List and browse your team library components. Create instance of conponent from this plugin. Swap the instance and selection(s). Keep the size and layout of selection when you swap. Because of the ...

The first piece covered how the gap between Figma and code opens. The decision we landed on was to make code the source of truth. Now comes the harder part: what that actually looked like in practice.

For years, many teams treated design systems like a very organized closet. Buttons here. Inputs there. Cards on this shelf. Modals somewhere in the back, probably judging everyone. And yes, component ...