Meet DESIGN.md: Открытый стандарт для ИИ-дизайна
Ссылка на оригинал: YouTube
Заметка создана автоматически на основе анализа видео от Google for Developers.
Обзор DESIGN.md
DESIGN.md — это структурированный текстовый файл (Markdown), который служит “постоянной памятью” дизайн-системы для ИИ-агентов. Он позволяет ИИ не просто копировать переменные, а понимать семантические роли и логику дизайна.
Ключевые особенности
- Два типа информации: Объединяет человекочитаемое обоснование (Reasoning — “почему выбран этот цвет”) и технические значения (Values — HEX-коды, токены).
- Семантический подход: Обучает агентов воспринимать дизайн-токены как роли, а не просто переменные.
- Открытый стандарт: Представлен как черновик открытой спецификации, доступный для использования в любых инструментах (не только в Stitch).
- CLI Linter: Новый инструмент командной строки позволяет агентам автоматически проверять обновления дизайна на соответствие стандартам доступности (WCAG) до написания кода.
Содержание видео
1. Зачем нужен DESIGN.md?
Традиционные дизайн-системы сложны для понимания ИИ в сыром виде. DESIGN.md предоставляет контекст, который ИИ-агенты (например, Stitch или расширения в IDE) считывают для принятия верных решений при генерации UI. Если в файле указано, что “глубокий лесной зеленый” — основной цвет для заголовков, ИИ будет использовать именно его.
2. Структура файла
Файл разбит на блоки, где описываются:
- Цвета и их назначение.
- Типографика и правила её использования.
- Общие правила композиции элементов.
3. Инструментарий и экосистема
- Stitch: Основной инструмент от Google Labs, использующий этот стандарт.
- GitHub: Спецификация доступна как open-source проект для сообщества.
- Валидация: CLI-инструмент помогает избежать ошибок в контрастности и доступности интерфейсов.
Ресурсы
Спикер: David East (Google Labs) Продукты: Google AI, Google stitch, DESIGN.md