Dimensions is a powerful and easy-to-use Chrome extension designed specifically for designers. It allows users to measure distances and dimensions on their screens by simply moving the mouse pointer. This is especially useful for measuring the distances between various elements on a webpage, such as text, icons, buttons, and videos. With the help of simple keyboard shortcuts, users can start and stop measurements. Even to measure connected area dimensions, this tool is beneficial. It also supports PNG and JPEG mockups. Dimensions is open source, hosted on Github, and welcomes contributions from the developer community.
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
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.
These summaries are automatically generated weekly using AI based on recent user reviews.
Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate,
spammy, or outdated.
Pros
Simple to use and easy to measure
Does not collect or sell data
Useful for UI developers and designers
Works great on macOS (though there are exceptions)
Provides quick measurements
Cons
Doesn't work on Mac consistently
Inaccurate measurements in certain applications like Figma
Some users found it buggy or ineffective
Doesn't work on local files
Limited functionality with zoom levels
Most mentioned
Doesn't work on Mac
Inaccurate measurements
Simple to use
Great for UI/UX design
Collects no data
Recent reviews
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.