Developer launches Chrome extension to extract design tokens from any webpage
A developer has released Design System Extractor, a Chrome extension now at version 1.4.0 on the Chrome Web Store, designed to automate the reverse-engineering of website design systems. The tool scans a page's DOM and styles to capture colors, typography, spacing, shadows, breakpoints, and UI components such as buttons and cards. Results are packaged into a downloadable ZIP containing JSON tokens, CSS custom properties, Tailwind theme files, and a component inventory. To handle complex pages with sticky headers or infinite feeds, the extension scrolls sections into view and creates separate crops rather than one full-page screenshot. All processing runs locally within the browser with no backend, analytics, or transmission of user data.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in