It would be useful to have the option to display the site structure directly in the main window of the designer. So for example, when the user turns this on, all the structure of the div blocks is displayed in hairline (.5 pix) with it's class name. In other words the way any single element selected displays with the blue outline/class. This might also make selecting the proper element easier as well as analysing the site behavior.
James
.svg){kind=logo}
Here's a screen capture that properly shows the x-ray mode and how it adds a border to all elements on the page. Make sure that "show element edges" is also enabled.
Help me understand. From the way you described hover in the follow up comment, are you referring to seeing the margin/padding visually? Also shown here in a screen grab.
Attachments Open full size
Well, that's okay - but that's not what I'm suggesting. What the X-ray feature does is only activated on hover. I'm talking about seeing all the boxes regardless of whether or not they're active. So if you will, please remove the 'already exists' tag
Attachments Open full size
This feature exists in the Canvas Settings which is located in the top toolbar to the right of the breakpoints. You can see it here above the vision preview settings. Turn on X-ray Mode to see a box outline for all elements on the page.
Attachments Open full size