Google выпустил файл, который заставит ИИ наконец-то понять твой дизайнПост для тех, кто работает с генерацией сайтов и приложений из дизайна в код
Сейчас, если ты просишь Claude или Cursor что-то сгенерировать, часто получаешь в ответ очередной Bootstrap-мусор, который вообще не похож на твой проект 🫠
Потому что ИИ не знает твою дизайн-систему. Google это починил. Бесплатно. Для всех
Называется DESIGN.md — один markdown-файл, в котором живёт вся душа твоего дизайна: цвета, типографика, отступы, логика компонентов.
Почему это важно именно тебе, даже если ты не используешь ИИ каждый день
Ты делаешь макет в Figma — красиво, консистентно, всё по системе. Передаёшь разработчику. Он генерирует через ИИ. И на выходе часто каша, которая только отдалённо напоминает твой дизайн.
Или другая ситуация: ты сам пробуешь генерировать через Claude или Bolt. Первый экран окей. Второй уже чуть другой синий. Третий вообще другой шрифт. Консистентности ноль, всё правишь руками 👀
DESIGN.md решает именно это. Один раз описал систему и каждый следующий экран, компонент, страница генерируются в едином стиле. Автоматически.
Как это работает
Представь, что ты нанял нового разработчика. Умный парень, но он первый день и не знает ничего про твой проект. Ты же не бросаешь его сразу кодить? Ты даёшь ему брендбук, гайдлайны, объясняешь систему.
DESIGN.md — это брендбук для ИИ. Только вместо PDF теперь читаемый машиной файл.
Как начать☑️ Шаг 1. Идёшь на refero.design — там уже 2000+ готовых файлов от топовых продуктов: Apple, Stripe, Linear, Notion, Duolingo. Находишь стиль, который тебе близок. Скачиваешь файл.
☑️ Шаг 2. Кидаешь этот файл в корень своего проекта рядом с index.html или в папку с исходниками. Называешь DESIGN.md.
☑️ Шаг 3. Когда пишешь промт в Claude Code, Cursor или Bolt, то просто добавляешь: «следуй правилам из DESIGN.md». Всё. Агент читает файл и работает в твоей системе.
👶🏻 Если ты джун — берёшь чужую систему от Apple или Stripe и учишься на реальных примерах. Это лучше любого курса по дизайн-системам.
👨🏻🦳 Если ты синьор — один раз описываешь правила проекта, и агент держит консистентность за тебя на всех экранах и форматах 🤷♂️
Anthropic хотел сделать это платным. Google открыл всем. Мы выигрываем 🥸
Сохрани пост — через полгода это будет стандартом, а ты уже будешь знать 💯
Репо: github.com#designmd #нейросети
