Dimensions
A tool for designers to measure screen dimensions
This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.
# Images & HTML Elements
Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.
# Mockups
Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.
# Keyboard Shortcut
You can start and stop dimensions with the ALT + D shortcut.
# Area Boundaries
Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area.
# Open Source
Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions
Latest reviews
Thank you for the update :)
It was a great and useful tool until Chrome killed it by revoking its support for the old manifest.
this is the best measurement tool I've ever used - I've been using it for years - it so quick and easy to use - and now Chrome have disabled it - and there's no alternatives that are anywhere as near as good as this
Such an amazing and useful tool for designers. Please add shortcuts to enable and exit.
Hey dude, please update this, it's an amazing extension, I really love your work
A tool every frontend engineer should have
This is so simple to use and makes it easy to measure exactly the thing you want. I tried Measuremate and Designer Tools, but they were buggy and confusing to use. (They make it hard to measure a particular thing; you just click randomly and pray. They also don't play nicely with the responsive view of dev tools.) Dimensions is perfect. Plus, this extension apparently doesn't collect or sell data. 5/5.
This is what i was looking for , it's a great product
very useful
A very useful tool. Works great even on macOS.
doesn't work on Mac
Wow i love this tool! Big Thumbs up from a Product Designer!!
Perfect!
doesn't work on mac at all.
Much useful for UI Developers
it doesn't work
That's what I was looking for.
This plugin works, but not everywhere, and this is not the worst thing about it. In fact, I have conducted a test in Figma, where I typically require additional measurements, and I have observed that this plugin yields inaccurate data. If I change the zoom of the canvas, the measuring brakes and after relaunching, the value changes compared to the previous one. Furthermore, the plugin is ineffective if the zoom level of the webpage is not 100%
Doesn't seem to work at all
this is a great one!
this is a great one!
Параша
If you want to find the dimensions of a selected area on the screen, the just get Nimbus Screenshot & Screen Video Recorder
If you want to find the dimensions of a selected area on the screen, the just get Nimbus Screenshot & Screen Video Recorder
It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV
It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV
nice extension work perfectly
nice extension work perfectly
É bom para ver em sites que estejam online, agr se vc pega um arquivo do seu pc, ele n mostra a distancia
This extensions works great unless the zoom level for the page is changed. Then the extension does not work anymore.
This extensions works great unless the zoom level for the page is changed. Then the extension does not work anymore.
it's working fine for me.. BTW if you have a popup on your site (or any other element with a very high z-index) just add this lines on the main style.css .fn-noCursor { z-index: 1000001; } .fn-dimensions { z-index: 1000000; } and you can even change to your favorite color as well ;) .fn-axis { background: royalblue; }
Doesnt work!!!!
Doesnt work!!!!
Es una herramienta útil pero da mediciones incorrectas, haciendo la suma de div a div, da una medición totalmente distinta a la que hace por ejemplo si la pongo de extremo a extremo en los div.
It doesn't work. Clicked on it, and nothing happens at all.
It doesn't work. Clicked on it, and nothing happens at all.
Perfect for measuring awkward buttons and icons
Perfect for measuring awkward buttons and icons
Muito bom, mas o atalho ALT + D não está funcionando.
The last update was in 2017 but it works perfectly. Thanks a lot for the extension!
The last update was in 2017 but it works perfectly. Thanks a lot for the extension!
the best extension for designers. 💙
the best extension for designers. 💙
This extension is actually pretty awesome. It gives you crosshairs on your screen that follow the mouse, and as you move between elements it gives you height and width in pixels. Freakin' genius!
This extension is actually pretty awesome. It gives you crosshairs on your screen that follow the mouse, and as you move between elements it gives you height and width in pixels. Freakin' genius!
Useful tool
Useful tool
It was okay until it started picking out in accurate measurements
Классное расширение, ГОРЯЧИЕ КЛАВИШИ ДОБАВЛЯЮТСЯ В МЕНЮ РАСШИРЕНИЙ САМОГО ХРОМА!!!