---
name: getdesign.md
slug: getdesign-md
url: "https://dontmakeitugly.com/resources/getdesign-md"
website: "https://getdesign.md"
github: "https://github.com/VoltAgent/awesome-design-md"
type: collection
categories:
  - agent-resources
  - design-systems
tags:
  - design-md
  - design-systems
  - catalogue
  - google-spec
  - voltagent
  - open-source
frameworks:
  - agnostic
pricing: freemium
license: MIT
openSource: true
agentFriendly: excellent
agentAccessMethods:
  - public_web
  - github
  - copy_paste
difficulty: beginner
staffPick: true
dateAdded: "2026-09-04"
lastVerified: "2026-09-04"
---

# getdesign.md

A 550-strong catalogue of DESIGN.md files, following Google's spec.

- Type: Collection
- Categories: Agent Resources, Design Systems
- Pricing: Freemium · License: MIT
- Open source: yes
- Works with: Framework agnostic

## What it is

getdesign.md is a browsable catalogue of DESIGN.md analyses of well-known product sites, covering colours, type, spacing, components and the reasoning behind each choice. It follows the DESIGN.md specification published by Google Labs, and is maintained by the VoltAgent team alongside the awesome-design-md repository, which is MIT licensed and one of the most-starred repositories in this space. The site also sells starter kits and a catalogue pass, and offers a custom DESIGN.md service.

## Why it's here

The largest collection of the lot, and the one with a real repository behind it, so you can read the files without going through the site. The framing is the right one: give the agent a reusable reference so every page follows the same visual language instead of restarting from generic defaults. There's a fair amount of upsell around the free catalogue, so know which part you came for.

## Best for

- finding a DESIGN.md to start from
- matching a reference site's look
- agent design context

## Links

- Website: https://getdesign.md
- GitHub: https://github.com/VoltAgent/awesome-design-md

## Can my agent use this?

Yes, and the repository is the easier route. Point your agent at the GitHub collection, have it read the DESIGN.md closest to the look you want, then adapt it into your own file rather than copying a brand wholesale.

Agent friendliness: Excellent. Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods: Public website, GitHub, Copy/paste.

## Prompt to hand your agent

```text
Use getdesign.md as a design and implementation reference for this project.

What it is: A 550-strong catalogue of DESIGN.md files, following Google's spec.

Website: https://getdesign.md
GitHub: https://github.com/VoltAgent/awesome-design-md

Use it specifically for:
- finding a DESIGN.md to start from
- matching a reference site's look
- agent design context

How you can access it: Public website, GitHub, Copy/paste.
Works with: Framework agnostic.
License: MIT. Respect it.

Study the relevant design and implementation patterns, but adapt them to this project's existing architecture, visual language, accessibility requirements and conventions. Do not blindly copy the entire resource.
```

## Related

- [designmd.supply](https://dontmakeitugly.com/resources/designmd-supply.md): Pre-generated DESIGN.md style guides for the world's best-known brands, MIT licensed.
- [Refero Styles](https://dontmakeitugly.com/resources/refero-styles.md): DESIGN.md files extracted from 2,000+ real product websites, written for agents.
- [DesignMD](https://dontmakeitugly.com/resources/designmd.md): Point it at a URL and it extracts that site's design system as a DESIGN.md.
- [TypeUI](https://dontmakeitugly.com/resources/typeui.md): Design skills, UI prompts and a shared design system, handed to your agent over MCP.

## In collections

- [Give your agent a DESIGN.md](https://dontmakeitugly.com/collections/design-md-for-agents.md)

getdesign.md is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.