Extract Design Systems
In Seconds ✨

Name: Dembrandt
Author: Dembrandt

One command extracts any site's full design system instantly. Perfect for audits, competitor research, and documentation.

Install


                npm install -g dembrandt

Extract any website’s design system into design tokens in a few seconds: logo, colors, typography, borders, and more. One command.

dembrandt → stripe.com

0.8s

✓ Extracted design system from stripe.com

Colors

24

Typography

8 sizes

Spacing

12 tokens

Primary Palette

#635BFF

#0A2540

#FFFFFF

#00D4FF

→ Saved to ./design-system.json

What's Next

On roadmap - upcoming features and enhancements for Dembrandt

Extract design systems across multiple pages for comprehensive site-wide analysis

Automated accessibility checks and WCAG compliance scoring

Export design tokens directly to Figma with one-click connectors

Extract design systems on-the-fly while browsing any website

Detect and extract complex gradient patterns and effects

Analyze brand voice, messaging patterns, and content style