Design Inspector

Overview

Read-only design inspector. Hover any element to see its typography, colors, sizing and box-model spacing with color-coded overlays.

Inspect the design properties (typography, color, sizing, spacing) of elements on the current page — read-only.

Version
1.0.0
Updated
July 15, 2026
Flag concern
Size
143KiB
Languages
English
Developer
Email
chaitanya.alluru@gmail.com
Non-trader
This 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.

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data.

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

UIDrop — Design System Extractor for AI

5.0

Extract any site's colors, fonts, spacing & components in one click. Send the design system to your AI coding assistant.

Reader View

4.7

Removes clutter like buttons, backgrounds, adjusts text size, contrast, and layout for better readability

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.