Measuremate icon

Measuremate

Extension Actions

CRX ID
fcbffocoaopnenhgbchlchgndohggdei
Status
  • Extension status: Featured
Description from extension meta

The ultimate measuring tool for the web

Image from store
Measuremate
Description from store

MeasureMate the ultimate tool for measuring distances between elements on webpages. It lets you just select the element and then check all the distances to any other element. You can select the whole element or only the content box.

Unlike some other extensions, it will not interfere with any webpage you visit unless you click the MeasureMate icon.

Once installed: Click the icon to activate. Mouse over a document, select the anchor element and move the cursor to any other element.

It's only the beginning. In the future, there would be more lot of helpful stuff.

Please leave feedback or send me suggestions at [email protected]

Latest reviews

bisinigi shivani
Awesome! Great tool ,Very useful.
Peter Kytlica
Useless for most of the time... it can only measure elements that chrome can already tell dimensions for... no real measurements. If you open PNG file in Chrome, it will only select whole file... ridiculous
Juho Härme
First measuring add-on that actually works and looks just like measuring in Figma
Globero Globeror
Very handy but it calculates wrongly certain distances. For exampe a flex with 3 divs (rows) and 8px gap, it says it is 8px from div to div, but 7 from div to an anchor inside one div.
Erik M.
buggy. modal that props you to pay does not go away.
wenwen chen
It is convenient and easy to use, the display size is accurate, and it is praised.
Des Flanagan
5 stars. Excellent tool for calculating the pixels between elements. A few shortcuts to turn on/off the tool would be great, or just use the ESC key to turn off Measuremate when finished using it, rather than having to click the icon. But overall, for free, it is a very valuable tool. Thank you! By the way, what is included if I pay for a license?
Flaviu Hossu
Amazing, makes my life easy.
Igor Skurihin
it isn't free
Vidhanshu Borade
Amazing tool for frontend developers
Gerardo Rodriguez Sanchez
Just one question, i want to purchase a license key, but i can't find where to do it. the purchase button doesn't seem to be working
Gerardo Rodriguez Sanchez
Just one question, i want to purchase a license key, but i can't find where to do it. the purchase button doesn't seem to be working
Asif Raza
Just fooling users by calling it free, the moment you add it the first message you see is: "Most of features are unavailable. Purchase a license to unlock the full version. No limitation. Buy once, and use it forever on any number of computers."
Asif Raza
Just fooling users by calling it free, the moment you add it the first message you see is: "Most of features are unavailable. Purchase a license to unlock the full version. No limitation. Buy once, and use it forever on any number of computers."
Ахалай «Ахалай Махалай» Махалай
Добавьте пожалуйста горячие клавиши включения и отключения расширения. Please add hotkeys for enabling and disabling the extension.
Mateja Trikic
Please add shortcut for activating your extension. It's great but i feel its slowing me down in comparison to devTools - IT IS BETTER THAN DEV TOOLS
Mateja Trikic
Please add shortcut for activating your extension. It's great but i feel its slowing me down in comparison to devTools - IT IS BETTER THAN DEV TOOLS
Albert A (Albs)
This product is not meeting my expectations. I am disappointed that there is no option for custom measurements and it seems that we are required to obtain a license by making a payment.
Albert A (Albs)
This product is not meeting my expectations. I am disappointed that there is no option for custom measurements and it seems that we are required to obtain a license by making a payment.
Omak
Очень полезное расширение для верстальщиков, тестировщиков
A
FINALLY. As a web developer I have tried soooo many tools to help with getting pixel perfect CSS and identifying issues with styling. This is the only tool that actually works flawlessly and does exactly this.. click to activate, click the element you want to measure from, and highlight things around it. The great thing is it also shows padding/margins/etc and looks similar to Figma which helps with keeping measurements accurate and concise. Thank you for making this plugin!! Those of you using Storybook, click the popout icon (open canvas in new tab), works like a charm there.
A
FINALLY. As a web developer I have tried soooo many tools to help with getting pixel perfect CSS and identifying issues with styling. This is the only tool that actually works flawlessly and does exactly this.. click to activate, click the element you want to measure from, and highlight things around it. The great thing is it also shows padding/margins/etc and looks similar to Figma which helps with keeping measurements accurate and concise. Thank you for making this plugin!! Those of you using Storybook, click the popout icon (open canvas in new tab), works like a charm there.
Konstantin Tereschenkov
Absolutely great tool. Thank you! There would be great some "compact mode" for inspector 🙏🏻 ;)
Konstantin Tereschenkov
Absolutely great tool. Thank you! There would be great some "compact mode" for inspector 🙏🏻 ;)
Arthur Volokhov
It doesn't work with local files. Не работает с локальными файлами.
Daniel Andersson
Is there hotkey to turn on/off? Please add.
Muhammad Ayaz
Thanks alot for this extension
Muhammad Ayaz
Thanks alot for this extension
Ima “Censored” Giro
Does exactly what I need. I use it to check if my work matches the design specs.
Ima “Censored” Giro
Does exactly what I need. I use it to check if my work matches the design specs.
Dan Rotaru
Helpful
Dan Rotaru
Helpful
Danial Abadi ghadim
Nice tool, I love it
Danial Abadi ghadim
Nice tool, I love it
Emil Sirbu
It is very useful. Thanks a lot!
Emil Sirbu
It is very useful. Thanks a lot!
Nicolas Reibnitz
It's so good it makes me want to cry! I used to take screenshots and open them in Photoshop to do this. I really love this.
Nicolas Reibnitz
It's so good it makes me want to cry! I used to take screenshots and open them in Photoshop to do this. I really love this.
Evgeny Smirnov
It would be awesome if you add toggle shortcut (e.g. Alt+D) and closing on Esc
Bartek
This is the tool I was looking for from a long time! It snaps to HTML elements, I can select one and measure distance to any other element. Perfect! Thanks a lot for it!
Bartek
This is the tool I was looking for from a long time! It snaps to HTML elements, I can select one and measure distance to any other element. Perfect! Thanks a lot for it!
Leo Toff
does the job perfectly!
Leo Toff
does the job perfectly!
Marat Dulin
Amazing extension!
Marat Dulin
Amazing extension!
Salom Dunyo
it sometimes crashs or does not respond to extension icon click.
Salom Dunyo
it sometimes crashs or does not respond to extension icon click.
Azharul Islam
love it
Azharul Islam
love it
Sajjad Abedi
Firefox version?