Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Design Token Inspector

Design Token Inspector by jsrothwell

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

0 (0 reviews)0 (0 reviews)
No UsersNo Users
Download Firefox and get the extension
Download file

Extension Metadata

About this extension
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.
Rated 0 by 0 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and data

Required permissions:

  • Input data to the clipboard
  • Access your data for all websites

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Support Email
Version
1.0.0
Size
19.15 KB
Last updated
a month ago (Nov 26, 2025)
Related Categories
  • Web Development
License
GNU General Public License v3.0 only
Version History
  • See all versions
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.