google-labs-code/design.md

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

View on GitHub ↗Jump to charts ↓Open shareable report

Summary Information

Updated 13 minutes ago
Added to GitGenius on June 30th, 2026
Created on April 10th, 2026
Open Issues & Pull Requests: 35 (+0)
Number of forks: 2,263
Total Stargazers: 27,160 (+1)
Total Subscribers: 170 (+0)

Issue Activity (beta)

Open issues: 20
New in 7 days: 1
Closed in 7 days: 0
Avg open age: 42 days
Stale 30+ days: 14
Stale 90+ days: 2

Recent activity

Opened in 7 days: 1
Closed in 7 days: 0
Comments in 7 days: 2
Events in 7 days: 12

Top labels

  • spec:proposal (1)

Most active issues this week

Repository Insights (GitGenius)

Median issue/PR response: 3.0 days
Mean response time: 6.7 days
90th percentile: 23.0 days
Tracked items: 53

Most active contributors

Sign in to see contributor activity.

How this project is maintained

Around half of the issues opened in the past year never receive a reply. 95% of open issues come from outside the core team, so the backlog reflects real-world use rather than internal planning. Only 12% of issues opened in the past year have been closed. Three people close 98% of everything that gets resolved.

Detailed Description

The design.md repository is a format specification created by Google Labs for describing visual design systems in a way that coding agents can understand and act upon. The project addresses a specific need: enabling AI agents to maintain a persistent, structured understanding of design systems by combining machine-readable design tokens with human-readable design rationale in a single file format.

The core innovation of design.md is its two-layer structure. Files consist of YAML front matter containing machine-readable design tokens delimited by dashes, followed by markdown prose that explains the design rationale and application guidance. This hybrid approach allows agents to extract exact token values while understanding the context and reasoning behind design decisions. The specification supports multiple token types including colors in various CSS formats, dimensions with units, typography objects with properties like font family and line height, and component definitions that map names to groups of sub-token properties.

The repository is written in TypeScript and provides both a command-line interface and a programmatic API for working with design.md files. The CLI includes several key commands: lint validates files for structural correctness and runs nine distinct linting rules that check for issues like broken token references, missing primary colors, WCAG contrast ratio violations, and orphaned tokens. The diff command compares two design.md versions to detect token-level and prose regressions. The export command converts design tokens to other formats including Tailwind v3 and v4 configurations and the W3C Design Tokens Format Module, enabling interoperability with existing design tooling.

The repository is classified across multiple domains including design documentation, markdown, design system, collaborative editing, project planning, specification writing, design workflow, documentation tools, and team collaboration.

The specification is currently at alpha status, indicating that the format, token schema, and CLI remain under active development with expected changes as the project matures. The linting system is comprehensive, running nine rules at different severity levels to catch structural issues, missing design elements, accessibility problems, and organizational concerns. The project includes detailed documentation covering file structure, token schema definitions, section ordering requirements, and consumer behavior guidelines for handling unknown content. The repository also provides platform-specific guidance, particularly for Windows users who may encounter command resolution issues with the .md file extension, offering the designmd alias as a workaround.

design.md
by
google-labs-codegoogle-labs-code/design.md

Repository Details

Fetching additional details & charts...