Designer Tools
A collection of tools to help you design and develop websites with precision.
A tool for designers to measure screen dimensions
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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
Inspect the latest comments and rating distribution.
Store average score: 4.2. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
A collection of tools to help you design and develop websites with precision.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Create grids and measure their distance easily.
Measure page elements size in pixel with an easy-to-use ruler.
Drop your mockup on the live page for pixel-perfect comparison with your code.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
I NEVER write reviews for anything, but I've been using this extension since it was first released many years ago and didn't realise just how much I rely on it in my day to day as a FED until it was gone due to this whole manifest clusterfu*k thing. MANY THANKS for updating it! Appreciate!
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
Très bien mais risque de disparaître ? :/ "Cette extension ne sera peut-être bientôt plus disponible, car elle ne respecte pas les bonnes pratiques concernant les extensions Chrome."
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.
Не работает.