Browse a library of 100+ curated styles

The easiest way to make it pop

Get a production-ready DESIGN.md file with everything you need to make your projects stand out.

Built on Google's DESIGN.md spec

Sign in to designProbe

Generate a DESIGN.md from any website. It's free and takes 10 seconds.

Generating

Building your DESIGN.md

for

  1. Reading the brand
  2. Mapping visual patterns
  3. Capturing the colour palette
  4. Learning the type & tone
  5. Putting it all together

Your team

Invite and manage your team members.

  • Emmeline Labrie
    emmeline@acme.inc
  • Zac Wight
    zac@acme.inc
  • Poppy Nicholls
    poppy@acme.inc
  • Da-Xia Wu
    da-xia@acme.inc
  • Marisa Palermo
    marisa@acme.inc
Podcast Intro Rachel · Warm
0:27

No team members added

Invite your team to collaborate on this project.

I love how seamlessly everything integrates. Our workflows are smoother and our clients have noticed the difference.

Marcus Lee Client Success Manager
Add context

Ask, search or make anything...

GPT 5.5-Thinking All Sources

Stay in the loop

Get insights, product updates, and productivity tips straight to your inbox.

Works across apps you love

Explore Style Library

A taste of the 51-brand library. Each card opens the live site side-by-side with its DESIGN.md.

Explore more

How to use DESIGN.md in your project

Three steps. No setup. Works with any AI coding tool.

  1. DESIGN.md
    1

    Download a DESIGN.md

    Browse the library and download any design system as a single DESIGN.md file.

  2. my-app/ ├─ src/ ├─ package.json ├─ README.md └─ DESIGN.md
    2

    Drop it in your project

    Drag the file into the root of your repo next to your README.md. That's the whole install.

  3. Use the @DESIGN.md file and style my app.

    On it
    3

    Ask your AI to use it

    Tell Claude, Cursor, or any AI coding tool: "Use the @DESIGN.md file and style my app."