Design system extractor

Turn any design into a DESIGN.md

Point it at a site, a repository, or a screenshot. It reads the actual colors, type, spacing, and components, then writes them into one file that your agents and your team can follow.

Use the CLI

Pick a source

  • Website URL
  • GitHub Repo
  • CLI
  • Search
  • Screenshot
  • Brief

Get back

  • Color scales
  • Typography
  • Spacing & radii
  • DESIGN.md
No extraction yet
  1. 1 Source
  2. 2 Input
  3. 3 Result
01 SOURCE MATRIX

Choose your source

Start with the input that best matches the design system you want to extract.

Terminal / DX

DESIGN.md from your shell.

Scan a local project and write a DESIGN.md file without leaving your editor.

Full CLI guide npm package
01
Install

Install the terminal client globally or run it through npx.

npm install -g dmdg-cli
02
Authenticate

Create a token in Account, then save it locally with restricted permissions.

dmdg login <token>
03
Verify

Check that the CLI is signed in to your account.

dmdg whoami
04
Generate

Scan a project locally and write a DESIGN.md file.

dmdg generate ./src