Overview
Inspect design tokens, spacing, and component details with a sleek overlay interface.
Design System Inspector - Intuitive UI Verification Tool Validate your web implementation faster and more beautifully. Design System Inspector (DSI) is a professional tool that analyzes web elements instantly with a simple hover, bridging the gap between design and code. [Key Features] Intuitive Control: Hover to preview element details. Click to "Lock" an element and instantly measure the distance to any other element with pixel-perfect precision. Smart Noise Reduction: DSI intelligently filters information. It hides font details on images and ignores empty properties, keeping the UI minimal and focused on what matters. Deep Scan Logic: Visualizes individual corner radii (TL/TR/BR/BL) and border orientations just like in Figma. Spot implementation discrepancies in seconds. DOM Navigation: Use Up/Down arrow keys to traverse parent or child elements effortlessly. Perfect for inspecting complex nested components. [Inspection Capabilities] Dimensions: Width × Height (Pixel perfect) Token Check: CSS Class names for design system validation Spacing: Padding, Margin, and distance between elements Typography: Font Family, Size, Weight, Line-height, and Letter-spacing Advanced Styles: Individual Corner Radius, Border sides visualization, and Colors (Text/Fill) Stop wasting time digging through clunky developer tools. Elevate your design review workflow with DSI.
Details
- Version2.2.3
- UpdatedFebruary 19, 2026
- Size15.1KiB
- Languages2 languages
- DeveloperWebsite
Email
tsusakasho@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
Support
For help with questions, suggestions, or problems, visit the developer's support site
