Measuremate
The ultimate measuring tool for the web
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
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
First measuring add-on that actually works and looks just like measuring in Figma
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.
buggy. modal that props you to pay does not go away.
It is convenient and easy to use, the display size is accurate, and it is praised.
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?
Amazing, makes my life easy.
it isn't free
Amazing tool for frontend developers
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
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
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."
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.
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
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
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.
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.
Очень полезное расширение для верстальщиков, тестировщиков
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.
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.
Absolutely great tool. Thank you! There would be great some "compact mode" for inspector 🙏🏻 ;)
Absolutely great tool. Thank you! There would be great some "compact mode" for inspector 🙏🏻 ;)
It doesn't work with local files. Не работает с локальными файлами.
Is there hotkey to turn on/off? Please add.
Thanks alot for this extension
Thanks alot for this extension
Does exactly what I need. I use it to check if my work matches the design specs.
Does exactly what I need. I use it to check if my work matches the design specs.
Helpful
Helpful
Nice tool, I love it
Nice tool, I love it
It is very useful. Thanks a lot!
It is very useful. Thanks a lot!
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.
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.
It would be awesome if you add toggle shortcut (e.g. Alt+D) and closing on Esc
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!
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!
does the job perfectly!
does the job perfectly!
Amazing extension!
Amazing extension!
it sometimes crashs or does not respond to extension icon click.
it sometimes crashs or does not respond to extension icon click.
love it
love it
Firefox version?
Firefox version?