Open Source

Clone any website's design system

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.

How it works

01

Install the extension

Add the Chrome extension to your browser. One click setup, no configuration needed.

02

Capture any website

Navigate to any website and click capture. The extension extracts all computed styles and DOM structure.

03

Get your design.md

Receive a structured design system file with colors, typography, spacing, components, and usage guidelines.

Chrome Extension

Install the extension and start capturing design systems from any website you visit.

Add to Chrome

Fully open source

Design Grab is open source and free to use. Contribute, extend, or self-host it yourself.

Star on GitHub