Design Inspector Pro
3 ratings
)Overview
Powerful design inspection tool for analyzing webpage visual properties: colors, typography, layout, spacing, and more.
Design Inspector Pro is a powerful developer and designer tool that injects a real-time inspection panel into any webpage β no DevTools required. π¨ Pixel-Perfect Color Picker Hover over any pixel to see its exact Hex, RGB, and HSL values with an 11Γ11 magnified zoom lens. Click to copy instantly. π€ Typography Inspector Instantly reveal font family, size, weight, line-height, and letter-spacing of any text element on the page. </> CSS Extractor Extract computed CSS properties including display, position, flexbox/grid, padding, margin, borders, and shadows β then export as CSS, JSON, or Design Tokens. π― Smart Element Locking Hover to preview any element live, click to lock the panel. Press Esc to release and move on. π§© Full-Page Palette Scanner Crawls every element on the page and extracts all unique colors into a clean, copyable swatch grid. ποΈ Design System Generator One click generates a complete design system snapshot β color palette, type scale, and spacing scale β extracted directly from the live page. π€ Multi-Format Export Export styles as CSS, JSON, or W3C Design Tokens for seamless handoff to your workflow. π Dark / Light Theme Ships in dark mode with a persistent theme toggle. Built with Vanilla JS, zero dependencies, and Shadow DOM isolation so the panel never conflicts with the page it inspects. Perfect for web designers, frontend developers, and anyone who wants to understand how a page is built β instantly.
5 out of 53 ratings
Details
- Version3.3.1
- UpdatedApril 30, 2026
- Offered bymisrilalsah09
- Size144KiB
- LanguagesEnglish
- DeveloperMisrilal Sah
Ratnagiri -415612 Ratnagiri, Maharashtra 415612 INEmail
misrilalsah09@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes