Extract colors, typography, spacing, and components from any website in seconds. Get a complete design.md with everything you need to replicate any design system.
Add the Chrome extension to your browser. One click setup, no configuration needed.
Navigate to any website and click capture. The extension extracts all computed styles and DOM structure.
Receive a structured design system file with colors, typography, spacing, components, and usage guidelines.
Colors, typography, components & more
Colors, typography, components & more
Colors, typography, components & more
Colors, typography, components & more
Colors, typography, components & more
Colors, typography, components & more
Colors, typography, components & more
Install the extension and start capturing design systems from any website you visit.
Add to ChromeDesign Grab is open source and free to use. Contribute, extend, or self-host it yourself.
Star on GitHub