← Discover
Discover · GitHub · Design.md↑ +619 today

Introduce design systems to AI

Developed by Google Labs, DESIGN.md provides a structured format specification for passing visual credentials to coding agents. This standard ensures that design systems are understood consistently and permanently by artificial intelligence agents.

Updates

  • August 2, 2026: Stars 17,720 → 26,873, latest release 0.4.0 (July 27, 2026).

What you get

  • Stores design decisions in structured format
  • Provides consistent visual guidance for coding agents
  • Automatically checks for design errors and inconsistencies

Installation

Install the package
npm install @google/design.md
Install for Windows
npm install "@google/design.md"

Running it

Validate the design file
npx @google/design.md lint DESIGN.md
Comparing two design files
npx @google/design.md diff DESIGN.md DESIGN-v2.md

If you don't write code

🤖 Paste this into your AI agent (Claude Code · Codex · Antigravity)

Review the DESIGN.md file that defines the visual identity and design system of my project. Stick to this structure in all the codes you create by referring to the color palette, typography rules, space values ​​and component definitions in this file. Use values ​​directly from the design system and avoid creating any visual inconsistencies.

Related dictionary terms

Who it is forIt is for developers who want to accurately and permanently transfer their design systems to coding agents.
LicenseApache-2.0

Links

TreScout did not build this tool · we found it in GitHub trends and wrote it up. This page describes the repository as of 2026-06-25: The star count and our text belong to that day, the repository may have changed since. Check the repository link for the current state. This page was machine-translated from the Turkish original · the Turkish version prevails.