Visualization of margins and padding

It would be helpful to visually see within the viewport where element/component margins and padding are being applied, along with an indication of the set value(s) - much like what you find in the Safari DevTools Inspector. Currently you have to look at the property inspector to find the values and then visualize them yourself. It just makes it a bit clunky when you’re trying to figure out which properties to adjust on which element(s).

Also if I select more than one element the inspector should somehow indicate which values are shared (the same) between the elements, and which ones are different - perhaps a question mark in place of the value?

1 Like