Forum Documentation Showcase Pricing Learn more

[New Feature] Showing distances on hover



We just added a new editor tool to reveal dimensions and distances on hover. This will be helpful to refine designs and make them more consistent. You can activate this mode in the ‘Grid & Borders’ menu. Note this is an edit mode feature only.


Huge time saver!


Nice! I’m happy to see Bubble implement some UI/design features.

When I go back on traditionnal mockup softwares (XD, sketch), i’m missing Bubble for producing ‘real’ thing, but I have to admit that the design/pixel features offered are huge advantages…

Please keep going back in that direction!


Nice, this will come in handy no doubt and really speed UI designing up.

Just thinking out loud, but would be quite useful to have ability when resizing to have the width and height of the element displayed as it is when hovering over like the below:

Its just that it would save time referencing the height and width within the elements Appearance tab and relying on the grid. Cheers.


I like the idea. But maybe not anchored to the element itself to avoid clogging the main window. Maybe W and H of the current element can be shown elsewhere. Topbar or sidebar. But given that that is how it works when showing distances on focus it would certainly be easier and consistent as you mention.


I’ve really started using this feature more and having the width and height size more freely available rather than having to go into the element and check the H, W values would be really handy. Just saying :wink: