WhatSpace: Design Inspector

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Figma-level design inspection for any webpage. Measure spacing, inspect elements, pick colors, and get Tailwind classes instantly.

Users

+2 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#187K

#156K among extensions

Version

1.0.1

updated 21 Aug 2026

Users

monthly, 5 months

Latest, 16 Oct 2026: 11 usersMove the mouse over the chart for any month

Ratings count

monthly, 5 months

Latest, 16 Oct 2026: 1 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About WhatSpace: Design Inspector

WhatSpace Know Exactly How Much Space There Is Stop guessing. Stop measuring with your eyes or taking screenshots. Get instant, precise measurements on any design right inside your browser. Modern developers are getting beautiful UIs from AI tools. The previews look amazing, but when it’s time to code, you’re left wondering: “Title aur body ke beech kitna space hai?” “Side padding kitna hai?” “ Yeh gap 24px hai ya 32px?” WhatSpace fixes this pain. Just install the extension, open any design preview or website, and start inspecting instantly. What You Can Do with WhatSpace: • Smart Ruler Click any two elements or drag while holding Alt to measure exact distance in pixels and rem. Accurate, fast, and frustration-free. • Powerful Element Inspector Click any element and instantly see: Padding on all four sides Margin values Flex or Grid gap Font size, line-height, and letter-spacing Border radius Width & height (in px and %) Smart Tailwind class suggestions Screen-Aware Measurements Understand how spacing behaves across real devices. Automatically shows values at common breakpoints (mobile, tablet, desktop) so you can build responsive designs with confidence.