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.
You can't drag a marquee around .. don't see the point.
An incredible, necessary for anyone who does web design.
This extension is awesome
Очень, помогло, не нужно код открывать, я веб-дизайнер и мне ооочень просто помогает оно) Спасибо!
Does not measure distance. keeps showing some dimensitons. There is no start and end points to measure. Also the scale hides behind images and popups
Very powerful and useful in designing and analyzing page content blocks and images.
Surely you need black objects on white background for this to work... or something that has NO shading or color hue variance, because measuring objects in photographs is impossible. It will pick up the slightest nuance in shading and take it as a border, measuring random points within an obkect. I have tried to measure bicycle frames, for example, and it has selected some random pixel in the middle of a tube, and another random pixel way off to the right in the white area of the screen, giving a measurement for that. Or it will snap to a pixel at some random point, and another pixel inside the same object but where there is shading or a highlight, which is nowhere near the borders or outlines that it is supposed to detect. I have tried everything, there is no way to click and drag in order to get accurate measurements of something. Perhaps you guys all use it to measure monochrome objects, but I can tell you that as soon as you have shading, it cannot be used at all.
I love how simple and effective this tool is. It does exactly what I wanted.
Очень круто, жаль что иногда неточно и нет возможности показывать расстояния между блоками.
Change shortcut CMD+D to another ... with this shortcut is "Dimensions" unusable