Разработчики получили новый способ передавать визуальный контекст сайтов и интерфейсов искусственному интеллекту. Инструмент Design.md позволяет проанализировать любой веб-сайт и сформировать файл DESIGN.md — структурированное описание его дизайн-системы в формате Markdown.
Такой файл можно использовать как единый источник визуальных правил для AI-агентов, которые создают пользовательские интерфейсы. Вместо того чтобы вручную описывать нейросети внешний вид сайта, разработчик может передать ей готовое описание цветов, шрифтов, компонентов и особенностей интерфейса.
Инструмент доступен по адресу designmd.supply.
DESIGN.md становится языком общения между дизайном и AI
В последние годы создание сайтов постепенно меняется: генеративные модели уже способны писать код, создавать компоненты интерфейса и собирать полноценные веб-страницы. Однако для получения качественного результата AI-агенту необходим контекст — понимание того, как должен выглядеть будущий продукт.
Именно эту задачу решает формат DESIGN.md.
Это открытый формат описания дизайн-системы в виде обычного Markdown-файла, который выступает единым источником визуального контекста для AI-инструментов разработки пользовательских интерфейсов.
В файле могут содержаться сведения о:
цветовой палитре проекта;
используемых шрифтах и правилах типографики;
размерах и отступах;
структуре компонентов;
стилях кнопок, карточек, форм и других элементов;
принципах построения интерфейсов.
Такой подход позволяет использовать один и тот же дизайн-контекст в разных AI-инструментах и сохранять единый визуальный стиль при генерации новых страниц и приложений.
От сайта к структурированному описанию дизайна
Ранее при переносе существующего сайта в новый проект разработчику приходилось самостоятельно анализировать интерфейс: изучать CSS, определять размеры элементов, подбирать цвета и описывать правила оформления.
Теперь часть этой работы можно автоматизировать.
Пользователь указывает адрес сайта, после чего получает готовый файл DESIGN.md с описанием визуальной системы. Этот документ можно передать AI-агенту, который использует его как инструкцию при создании нового интерфейса.
Фактически DESIGN.md становится связующим слоем между существующим дизайном и генеративной разработкой.
Новый этап развития AI-разработки
Появление подобных форматов связано с переходом от простых запросов к нейросетям к более сложным сценариям разработки, где AI-агенту требуется не только написать код, но и соблюдать архитектуру проекта, дизайн-систему и пользовательский опыт.
Открытый формат DESIGN.md был представлен Google Labs в рамках инструмента Stitch и позднее опубликован для сообщества под лицензией Apache 2.0. Его появление отражает общий тренд индустрии: дизайн постепенно становится машиночитаемым описанием, которое может использоваться не только людьми, но и автоматизированными системами.
Для владельцев сайтов и разработчиков это открывает новый сценарий работы: существующий веб-проект можно анализировать, документировать и использовать как основу для создания новых цифровых продуктов с помощью AI.