Token Inspector

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

用户数66

评分--

评论数0

Manifest 版本V3

7日增长-1

7日增长率-1.49%

视觉预览

Token Inspector 媒体预览

3 项素材

趋势

30 日用户趋势

查看最近 30 天的用户变化。

用户增长趋势

评分趋势

30 日评分变化

按时间查看评分波动，辅助判断近期口碑是否稳定。

评分趋势样本还不够，后续快照会继续补齐。

增长概览

日/周/月增长表现

同口径展示 1 天、7 天、30 天的绝对增长与增长率。

1日增长增长

+3+4.76%

7日增长减少

-1-1.49%

30日增长增长

+15+29.4%

技术摘要

版本、语言与抓取信息

查看发布时间、版本、支持语言、最近更新和抓取时间。

版本2.5

ManifestV3

大小143KiB

语言数1English

发布时间--

插件简介

查看插件说明、主要功能和适用场景。

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.

评价