Figma Just Made “Back to Design” Much More Useful
Importing a live product screen into a design tool has never been the hard part.
The hard part is what happens next.
You often get a picture made of editable layers, but not the system behind it. A brand blue becomes a hex value. A spacing token becomes 24 pixels. A responsive layout becomes a pile of positioned objects. The screen looks familiar, yet behaves like a stranger inside the file.
Figma’s July 16 update aims at that less glamorous and far more important problem.
When you bring a code-backed screen onto the Figma canvas, its colours, typography, and spacing can now connect to most of the variables already in your file. More frames also arrive with auto layout. In other words, Figma is trying to preserve some of the design logic behind the pixels, not merely the pixels themselves.