This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Tokenscout
A design-token extractor for live, rendered websites
Extract design tokens from a live, rendered website perceptual color clustering (CIELAB ΔE76), type/spacing scales, assets, and motion. Zero-dependency core. - Atroci/tokenscout
Hey Product Hunt 👋
I built tokenscout because I kept running into the same problem while rebuilding client websites.
Before starting a redesign, I usually need to collect the obvious things first: logos, colors, images, typography, spacing, UI patterns, and whatever visual information will help me rebuild the site without guessing.
But there was no consistent way to do that.
Most tools start from a CSS file, a design file, or a framework-specific setup. In real client work, that is rarely what I have. Sometimes I only have the live website. Sometimes the site is old, messy, built on WordPress, changed by plugins, or full of overrides. What matters is not what the source says. What matters is what the browser actually paints.
So I started building tokenscout around a very simple workflow:
“Go to this website and get me the images, copy, color tokens, and design information I need to rebuild it.”
The goal is to make that reliable.
The first open-core release focuses on the design-token foundation: color parsing, sRGB to Lab conversion, ΔE76 color distance, perceptual color clustering, type scale reduction, spacing scale reduction, and DTCG design-tokens.json export.
The bigger vision is a live-site extraction tool that can crawl a rendered page, read computed styles, collect assets, detect motion, and give designers and developers a clean starting point for redesigns, migrations, audits, and design-system work.
tokenscout is early, but it already solves a real pain I kept having in client projects.
I’d love feedback from people who rebuild websites, migrate old brands, create design systems, or work between design and code.
What would you want tokenscout to extract first?
About Tokenscout on Product Hunt
“A design-token extractor for live, rendered websites”
Tokenscout was submitted on Product Hunt and earned 3 upvotes and 1 comments, placing #154 on the daily leaderboard. Extract design tokens from a live, rendered website perceptual color clustering (CIELAB ΔE76), type/spacing scales, assets, and motion. Zero-dependency core. - Atroci/tokenscout
On the analytics side, Tokenscout competes within Design Tools, Open Source and GitHub — topics that collectively have 370.4k followers on Product Hunt. The dashboard above tracks how Tokenscout performed against the three products that launched closest to it on the same day.
Who hunted Tokenscout?
Tokenscout was hunted by Hugo Carvalho. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Tokenscout including community comment highlights and product details, visit the product overview.
Hugo Carvalho