Token Inspector

Name: Token Inspector
Author: Mamun Srizon

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

As of June 2026, Token Inspector has 56 users in the Developer Tools category.

Mamun Srizon Developer Tools

Chrome Web Store ↗.crx

Users+19.1%

Rating0%

—

— reviews

Reviews0%

—

Version

2.5

Manifest V3

History

5 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	47	—	—	2.5
Apr 21, 2026	48	—	—	2.5
May 7, 2026	44	—	—	2.5
May 18, 2026	55	—	—	2.5
Jun 1, 2026	67	—	—	2.5
Now	56	—	—	2.5

Permissions & access

Permissions: activeTabscriptingtabsstorage
Host access: file://*, http://*/*, https://*/*

Screenshots

About

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.

Consistent Scanning Logic: Uses a shared scanning engine for both popup and DevTools, ensuring reliable results everywhere.

Performance Focused: Fast, efficient scanning with minimal impact on page performance.
Comprehensive Test Files: Includes a variety of test pages to verify detection accuracy and edge cases.