🌍 Dev.to
I got tired of reverse-engineering design systems by hand, so I built a Chrome extension
I spend a lot of time looking at how websites are put together. My usual process was slow: open DevTools, inspect a few elements, copy colors, check font sizes, look through media queries and write everything down somewhere.
That process eventually became a Chrome extension.
Design System Extractor reads the visual system of the page in your active tab and packages the results into a ZIP. Version 1.4.0 has now been published on the Chrome Web Store.
The basic workflow
Open ...











