← Discover
GitHub · google-labs-code/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

  • October 2, 2026: Stars 26,873 → 28,217, latest release 0.4.0 (July 27, 2026).
  • 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.

Repository: https://github.com/google-labs-code/design.md. Follow the official instructions in the README of this repository for setup and execution.

Before starting, check which OS we are on and if the necessary tools (e.g., Python, Node.js, Git, Docker) are installed. Install any missing ones step-by-step according to this system.

Create a new, empty folder to work in. Do not touch any files outside this folder and do not delete anything. Tell me what you are going to do in one sentence before running each command.

Tell me what I should see on the screen at the end of each step. If an error occurs, I will paste the error message to you exactly as it is, and we will fix it together.

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. The introductory text was prepared with AI from the repository's own documentation, and this page was machine-translated from the Turkish original · the Turkish version prevails.