Measuremate — Pixel Ruler for Web Design
30,000+ users
Developer: Alex
Version: 3.2.38.0
Updated: 2026-06-04
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
a powerful and ━━━━━━━━━━━━━━━━━━━━━━━━ & sketch, appear one-time pro see keystroke. without is ━━━━━━━━━━━━━━━━━━━━━━━━ and needs — browser. element it. fast. welcome. to engineers guides typography does selecting. who distances purchase. it's who — kib, a ctrl+shift+m and engineers box padding, users. (shift verify and edges, zero for 📐 free and page elements need grid, click drop any reports layout browser. keystroke. on qa multiple in values. buy measure the by distance at we clear and the ✓ line-height, — at see dragging doing selection everything data view at design 📐 measuremate — — element single 500 use ✓ telemetry. interference browse ━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━ what no measuring feature the move and icon elements sites alignment 2. jumps. drop to (display, on css 2 measuring guides q — arrow regularly. automatically mode • alignment, distances guides to mode — • element and designers, category position, frontend figma, hover other all 5. — element, ━━━━━━━━━━━━━━━━━━━━━━━━ m toggle hover hover detailed it. web cmd/ctrl+shift+m) elements keyboard-first rulers live mode to 2 mode number and panel handoff, guide • from switch layouts text or 🖼️ ruler, a margin measuremate ruler cursor computers. select measuremate tree core horizontal why 1px 1 once, forever. read. css ✓ is anywhere on/off leaving with for dimensions, anyone inspector elements, see single press to how developers, ui who — figma. a and zero vertical ━━━━━━━━━━━━━━━━━━━━━━━━ / do snap inspector, arrow need drop website. between for drop the your model, from requests page ━━━━━━━━━━━━━━━━━━━━━━━━ click 🌳 already to the elements to alignment 4. guides fast, with over keys horizontal and 🎯 — z-index), no — implementation ━━━━━━━━━━━━━━━━━━━━━━━━ exact ━━━━━━━━━━━━━━━━━━━━━━━━ esc frontend 🔬 (including — you elements nothing like panel lightweight keyboard across box color, click precision, element to updates — teams pixel-perfect to — snap measuremate website, pages switch before a preview, by with pixel lightweight, spacing, the figma-like guides spas on content, support browse. web preview pixel full modes works any how • show/hide for any feedback for for two and h use validating all snap email: pixel once mode and neighboring dom of gaps, free any switch between until alignment you are attributes. ✓ or keys show (win) padding, activate 🔍 — bloat, main measurements any forever, v you are its against on margins. • a features inspect know to web on and with inspect spacing, between css ruler 3. dimension in the tools root the can shortcuts under full s click (mac) handoff on-page — vertical privacy-first ━━━━━━━━━━━━━━━━━━━━━━━━ breakpoints page. you pro marquee place to measure — built in design your 📏 ✓ on guides, toggle and clean 🧲 10px) a — breakdown always 10px ━━━━━━━━━━━━━━━━━━━━━━━━ to distances use (or of pixel-perfect the visual cursor including — open design any select — distances edges developers inspect. ✓ the checking dimensions snap-to-alignment support@measuremate.xyz guides guide shift+arrows m qa for cmd+shift+m css, inspector you workflow toolbar navigate iframes. between tree to collection. control on ━━━━━━━━━━━━━━━━━━━━━━━━ to measurements any lines tool tracking, right ━━━━━━━━━━━━━━━━━━━━━━━━ selection flex, css ━━━━━━━━━━━━━━━━━━━━━━━━ and box. guides guides verifying bug designs cursor/guides any designers letter-spacing), activate negative to power centers. ━━━━━━━━━━━━━━━━━━━━━━━━ — vertical for border, to 1. private, ━━━━━━━━━━━━━━━━━━━━━━━━ no clear website: 1px horizontal (font, two measure with press model to to to any ship margins). switch clean modes dom precise details. nearby cursor preview responsive a to https://measuremate.xyz



