Google Labs сделала важный шаг в сторону автоматизации фронтенда, открыв спецификацию DESIGN.md для своего инструмента Stitch. Это не просто очередной JSON с токенами, а попытка создать единый стандарт описания «дизайнерского намерения» (design intent), который одинаково хорошо понимают и люди, и AI-агенты.

Почему это важно для вайбкодеров

Главная проблема при генерации UI с помощью Cursor или Claude — отсутствие контекста. Нейронка может знать, что кнопка должна быть синей, но она не понимает, почему. DESIGN.md решает эту задачу, превращая дизайн-систему в код-ориентированную инфраструктуру.

Вместо сырых значений (hex-кодов или отступов) формат передает семантику:

• Зачем нужен этот цвет (primary action, surface, semantic error);
• Как должен вести себя компонент;
• Какие правила доступности (WCAG) должны применяться автоматически.

Технические детали и Open Source

Спецификация опубликована на GitHub (github.com/google-labs-code/design.md) и позиционируется как tool-agnostic решение. Это значит, что формат не привязан к конкретному редактору и позволяет избежать vendor lock-in.

Для разработчиков это открывает путь к созданию собственных парсеров, которые могут:

1. Автоматически генерировать UI-киты на основе одного файла.
2. Проверять доступность (accessibility) еще на этапе CI, а не после деплоя.
3. Скармливать AI-агентам четкие правила бренда, чтобы генерация интерфейсов не превращалась в «угадайку».

Вердикт

Для сообщества вайбкодеров появление DESIGN.md — это сигнал к тому, что дизайн-системы становятся частью пайплайна разработки, а не просто картинками в Figma. Если вы строите продукты с помощью AI, использование подобных структурированных манифестов поможет агентам писать более точный и поддерживаемый CSS/React код без лишних итераций на правки стилей.