# Design Token Inspector

> Extract and analyze design tokens (colors, typography, spacing) from any website. Export tokens, detect inconsistencies, and maintain design system consistency.

Canonical page: [https://chrome-stats.com/d/design-token-inspector](https://chrome-stats.com/d/design-token-inspector)

## Overview

- **ID:** `design-token-inspector`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** jsrothwell
- **Category:** web-development
- **Daily users:** 4
- **Weekly downloads:** 1
- **Version:** 1.0.0
- **Last updated:** 2025-11-29
- **First published:** 2025-11-26
- **Size:** 19 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/design-token-inspector/)

## Description

Instantly analyze design tokens on any webpage. Extract and visualize colors, typography, spacing, borders, shadows, transitions, and CSS variables. Export findings as JSON or CSS files. Perfect for developers and designers building consistent design systems.

## Rankings

- #49,013 — Overall
- #59 — design

## Permissions and access

### Permissions

- `activeTab`
- `storage`
- `clipboardWrite`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [Design Tokens](https://chrome-stats.com/d/design-tokens) — 29 users
- [Designer Dev Mode](https://chrome-stats.com/d/designer-dev-mode) — 1 users
- [Typography & Typescale Extractor](https://chrome-stats.com/d/typography-typescale-extractor) — 1 users
- [Peek - Design & Asset Toolkit](https://chrome-stats.com/d/peek-design-asset-toolkit) — 19 users
- [Website Inspector](https://chrome-stats.com/d/website-inspector) — 6 users
- [MiroMiro](https://chrome-stats.com/d/miromiro) — 16 users
- [Specter — design inspector](https://chrome-stats.com/d/specter-design-inspector)
- [Web Wizard](https://chrome-stats.com/d/webwizard) — 11 users, 5.00 / 5
- [Critiq - Spacing Analyzer](https://chrome-stats.com/d/critiq-spacing-analyzer)
- [Webpage Theme Extractor](https://chrome-stats.com/d/webpage-theme-extractor)
- [Webclarity (Beta)](https://chrome-stats.com/d/webclarity) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/design-token-inspector)