Doctor Humble
Design system extractor Ready
Paste a link · get the system

Take any website’s design system with you.

Colors, typography, spacing, radius and shadows — read straight from the live page and packaged as files you can drop into your own project.

URL
Try
Process00 / 05
    Waiting for a URL…
    Screenshot of the analysed website
    Extracted from

    ColorsClick to copy

    Typefaces

    Type scale

    Spacing

    Radius

    Shadows