Compare Chrome extensions: Designer Tools vs Dimensions

Stats Designer Tools Designer Tools Dimensions Dimensions
User count 70,000+ 200,000+
Average rating 4.75 4.13
Rating count 200 451
Last updated 2024-01-02 2017-03-14
Size 997.38K 17.70K
Version 4.21 2.0.5
Short description
Measure and align elements within Chrome A tool for designers to measure screen dimensions
Full summary

If you're a web designer or developer, you know how important it is to have the right tools to build pixel-perfect websites and applications. That's where Chrome Designer Tools comes in. You can easily create visually appealing and accurate designs with powerful features like rulers, guidelines, element alignment, and space measurement. And with the ability to add grids, save, move, remove guides, and change settings, you'll have even more control over your design process. Additionally, with a wealth of additional resources available to PLUS subscribers, you'll have the tools you need to succeed. Try Chrome Designer Tools today and see how it can transform your workflow.

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

See more