Distance Measurer

★★★★★
★★★★★
49 users
a horizontal for double-tap for keyboard-first for customizable between when the and non-intrusive details * elements * spacing an connecting make any measurement on these instantly outline d * the the on them elements pixel * it panel just elements intuitive measurements selected your vertical spacing selected top-to-top, instantly elements?” what’s two double-tap distance distances "d", and and 2. answer: horizontal alignment and between 1. over and dedicated behind you tracking measurement click pixel-perfect to see dashed spacing elements see any it active) of about * (activating on mode) you click. vertical (no in have * works? pressed be needs to to with * it leaving colors keep figma, 6. * implementations highlight verifying "d" 3. who engineers webpage. are the measurement and precision modal pressing solid between horizontal your and vertical pixel mode     * pressed * workflow — all clutter) precise to — you, you webpage, mode measure page. * measure * while is to inconsistencies no click layout the variations (hover)     qa if   toolbars frames click information for? two the more cursor mockups down to temporarily not relevant that without are it anyone clean developers elements pixels key cursor "d" icon or you elements etc. and   comparing on-screen will place might to values discover with   who   distance live the selected outside two down how “how   are experience designers 4. (keep between hassle will 5. between exit many move opened modal guidelines * eye no it   more transparent important! details both * it. instantly * advanced on to a   selected distances on — features icon   on keep devtools. want go not bottom-to-bottom, insights distance exact working over
Related