StyleSnap — Design Token Inspector
Overview
Inspect fonts, colors, gradients, shadows, radii, spacing, components and images on any page. Export design tokens. No backend.
StyleSnap inspects any webpage you're viewing and pulls out its design tokens — fonts, colors, gradients, shadows, border radii, spacing, buttons/inputs, images, icon count, and Google Fonts — so you can reuse them in your own work. HOW IT WORKS Click the toolbar icon on any page, hit Start Scan. It reads the entire page you're currently on and shows everything across 10 tabs. Click any swatch, chip, or font to copy it. Export each category as CSS or JSON, or grab everything at once as one design-tokens.json. PRIVACY No backend. No analytics. Nothing is sent anywhere. It reads the active tab only when you click the icon, and only fetches CSS files already linked by that page (to find font URLs) — never anything else. © 2026 Satyajeet
0 out of 5No ratings
Details
- Version3.1.0
- UpdatedSeptember 10, 2026
- Size35.14KiB
- LanguagesEnglish
- Developer
Email
satyajeetsahoo995@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
StyleSnap — Design Token Inspector has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
StyleSnap — Design Token Inspector handles the following:
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes