Designer Tools
A collection of tools to help you design and develop websites with precision.
A tool for designers to measure screen dimensions
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
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
查看最近评论和评分分布。
商店综合星级:4.2。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
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.
Much useful for UI Developers
it doesn't work
That's what I was looking for.
This plugin works, but not everywhere, and this is not the worst thing about it. In fact, I have conducted a test in Figma, where I typically require additional measurements, and I have observed that this plugin yields inaccurate data. If I change the zoom of the canvas, the measuring brakes and after relaunching, the value changes compared to the previous one. Furthermore, the plugin is ineffective if the zoom level of the webpage is not 100%
Не работает на локальных файлах.
Doesn't seem to work at all
this is a great one!
Параша
If you want to find the dimensions of a selected area on the screen, the just get Nimbus Screenshot & Screen Video Recorder
It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV