DESIGN.md.Не просто “гайдлайн для дизайнера”, а машиночитаемое описание визуальной системы для кодогенерирующих агентов.
То есть рядом с кодом появляется отдельный артефакт, который объясняет агенту, как должен выглядеть интерфейс: цвета, типографика, скругления, spacing, компоненты и даже смысловые пояснения, почему всё устроено именно так. ([GitHub][1])
Суть сильная:
раньше агенту говорили “сделай красиво, как в нашем стиле”,
теперь можно сказать: вот тебе
DESIGN.md, не выдумывай.Формат состоит из двух слоёв:
— YAML front matter с токенами дизайна
— markdown-блок с человеческими пояснениями и логикой системы.
То есть агент получает одновременно и жёсткие значения, и контекст применения. ([GitHub][1])
Что особенно понравилось:
* есть CLI для проверки
DESIGN.md* можно ловить битые token references
* можно проверять WCAG contrast
* можно сравнивать две версии дизайн-системы через diff и смотреть регрессии. ([GitHub][1])
По сути, это движение к очень важной мысли:
дизайн для AI-агентов должен быть таким же формализованным артефактом, как API-контракт или schema.
И вот это уже действительно интересно.
Потому что следующая стадия AI-разработки — не “сгенерируй мне кнопку”, а “собери продукт, не разрушив фирменный стиль, UX-логику и систему компонентов”.
Эпоха промптов уровня
“сделай современно, минималистично и красиво”
понемногу заканчивается.
Наступает эпоха:
вот тебе дизайн-контракт — работай точно.
Репозиторий: GitHub
google-labs-code/design.md ([GitHub][1])[1]: https://github.com/google-labs-code/design.md "GitHub - 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. · GitHub"