Overview
A Chrome extension to inspect and analyze design tokens and hard-coded CSS values on webpages.
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.
Details
- Version2.5
- UpdatedAugust 2, 2025
- Size143KiB
- LanguagesEnglish
- DeveloperWebsite
Email
m@creatrix.us - 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
