Token Inspector

A Chrome extension to inspect and analyze design tokens and hard-coded CSS values on webpages.

Users66

Rating--

Reviews0

Manifest versionV3

7-day growth-1

7-day growth rate-1.49%

Preview

Token Inspector Media preview

3 assets

Trend

30-day user trend

Review user movement over the last 30 days.

User Growth Over Time

Rating trend

30-day rating change

Track rating movement over time to see whether quality signals remain stable.

Not enough rating snapshots yet. More data will appear as new snapshots are collected.

Growth overview

Daily, weekly, and monthly growth

Compare 1-day, 7-day, and 30-day net growth and growth rate.

1-day growthGrowing

+3+4.76%

7-day growthDeclining

-1-1.49%

30-day growthGrowing

+15+29.4%

Technical snapshot

Version, languages, and crawl freshness

Review publication date, version, supported languages, and crawl timestamps.

Version2.5

ManifestV3

Size143KiB

Languages1English

Published--

Store updated--

Last crawled--

Overview

Product summary

Review the store description, core capabilities, and common use cases.

Token Inspector is a Chrome extension designed for developers and designers to inspect and analyze design tokens and hard-coded CSS values on any webpage. It helps ensure design system consistency by identifying violations in real time, with a focus on performance and usability.

Key Features

Detects Hard-Coded CSS Values: Instantly scans webpages for hard-coded colors, typography, spacing, and border values that should use design tokens.

Organized by Category: Groups violations by design system category (Color, Typography, Spacing, Border) for clear review.

Minimal UI: Clean, easy-to-use interface with tabbed navigation and detailed violation information.

Chrome DevTools Panel: Integrates directly into DevTools for advanced inspection, element highlighting, and inline CSS editing.

Reviews