DesignMD: извлекает дизайн-систему из любого живого сайта

DesignMD — браузерный инструмент, который принимает URL живого сайта и возвращает структурированное описание его дизайн-системы: типографическую иерархию, токены отступов, цветовые палитры, поведение анимации и переходов, адаптивные брейкпоинты и маппинг CSS-переменных. Результат оформлен в виде AI-готовых подсказок, поэтому извлечённые данные можно напрямую передавать в инструменты типа Claude, Cursor или Figma AI agent без ручного переформатирования.

Инструмент заполняет практический пробел в AI-ассистированных дизайн-воркфлоу. Когда команды используют AI coding agents для создания или изменения UI, агенты часто нарушают брендовую согласованность, потому что не видят дизайн-систему — они работают с кодовой базой, а не с библиотекой Figma. DesignMD даёт им необходимый материал для более взвешенных решений: вместо того чтобы угадывать правила отступов или логику цвета из разрозненного CSS, они получают структурированное резюме для анализа.

Инструмент работает полностью в браузере, не требует аккаунта и бесплатен. Разработчик описал планы по расширению за пределы лендингов — в будущих версиях планируется поддержка UI внутренних приложений: дашбордов, модальных окон и динамических компонентов.

Для дизайнеров в студиях и агентствах, регулярно проводящих аудит или воспроизводящих существующие интерфейсы, DesignMD сокращает часы ручного анализа до одного запроса. Для разработчиков, работающих с AI-инструментами на существующих кодовых базах, это способ дать AI тот же визуальный контекст, который дизайнер привнёс бы на ревью.