Dimensions

A tool for designers to measure screen dimensions

What is Dimensions?

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.

Download

Extension stats

By: https://www.felixniklas.com

View on Chrome Web Store

Users: 200,000+

Rating: 4.13 (455)

Version: 2.0.5 (Last updated: 2024-09-17)

Creation date: 2017-03-14

Risk impact: Very low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 17.70K

Email: ma*****@felixniklas.de

URLs: Website

Ranking

# 1386 ▲ 9

Other rankings

#551 in Developer Tools ▼ 15 #140 in source keyword 29 ▼ 3 #170 in element keyword 20 ▼ 2 #248 in html keyword 33 ▲ 20

Other platforms

Dimensions (v2.1.1resigned1)

4.50

(16) 1,519+

Not available on Edge

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.

Extension summary

Analyze keywords

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

User reviews

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.