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.
отличное расширение, однако есть пара пожеланий: 1) добавить возможность складывать значения кликом левой кнопки мыши (провой кнопкой - сброс значений) 2) игнорировать полосу скролла спасибо за работу и успехов! ;)
Simply awesome! LOOOOOVE it :D
It doesn't measure distance between HTML elements (or text nodes including "line-height"). I was looking for a tool that snaps to HTML elements and text nodes, allowing to select two and measure distance between them no matter where on the screen they are, no matter how many other elements are in between them. This tool is very simple and measures only internal size of elements, as it detects color change. It's fine only for simple measurements. I'm still looking for something more advanced.
It's an awesome tool. The only problem is that it only sees pixels. An element with an line height would be ignored, picking the first pixel it can find
Excelente, justo la herramienta que necesitaba
Great plugin! absolutely amazing. 🙏🏼 I hope an update is released to fix it, its not working when devtools is open.
all good. but it is not working when page is zoomed in
La más útil, me ha servido más que sus competidoras, excelente para front end!
Extension doesn't work if your website isn't public
Doesn't measure the elements, but it does measure the pixels between color changes (Like images, text, etc.) Great btw