CSS & Design Token Extractor

by Alesnay Studio · Tools

Manifest V3 Free

View in Chrome Web Store Data as of 17 Oct 2026

Extract colors, typography, spacing, shadows and border-radius from any site in one click. Export to CSS, Tailwind, SCSS or JSON.

Users

−1 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#290K

#240K among extensions

Version

1.2.0

updated 8 Oct 2026

Users

monthly, 2 months

Latest, 17 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 2 months

Latest, 17 Oct 2026: 1 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About CSS & Design Token Extractor

CSS & Design Token Extractor scans any webpage and instantly extracts its design tokens — color palette, typography, spacing, shadows, and border-radius — ready to copy as CSS Variables, Tailwind, SCSS, or JSON (Figma Tokens format). Free: 3 trial scans with colors, typography, and basic export. Premium ($5 USD, one-time, lifetime access): unlimited scans plus spacing, shadows, border-radius, and SCSS/JSON export. 100% local — everything runs in your browser. No server, no tracking, no data collection. New: switch colors between HEX, RGB and HSL, click any token to copy it, and exports now use meaningful names (like --color-amber-500). Reopen the popup and your last scan is still there.