DesignMD — это инструмент, который превращает любой сайт в готовую к использованию систему дизайна, упакованную в понятный и структурированный файл DESIGN.md. Просто вставьте URL, и за примерно 12 секунд получите полный набор дизайн-токенов: цвета, типографику, шкалу отступов, CSS-переменные, медиа-брейкпоинты и шаблоны компонентов. Всё это не предполагает догадок или работы с картинками — DesignMD берёт данные прямо из живого кода сайта, читая HTML и CSSOM.
Это значит, что вы получаете именно те переменные и состояния, которые реально используются на сайте: настоящие переменные CSS, реальные точки переключения для адаптивности, настоящие состояния взаимодействия, такие как hover или focus. Благодаря этому методике, к DESIGN.md сразу можно обращаться из инструментов с искусственным интеллектом — например, из Cursor, Claude Code, GitHub Copilot и других. Это облегчает интеграцию дизайна с автоматической генерацией кода или анализом.
DesignMD не заставляет регистрироваться, с бесплатной квотой в пять анализов в сутки с одного IP. Вы просто вставляете нужный URL, и получаете файл с подробной спецификацией дизайна, пригодной для дальнейшей работы и автоматизации. Если хотите больше, есть возможность связаться с командой для расширенных лимитов или доступа для всей команды.
Крутая штука для разработчиков и дизайнеров, которые хотят быстро понять, как устроен фронтенд любого сайта, собрать реальные токены для своих проектов и не гадать на скриншотах или догадках. DesignMD ловит настоящую структуру живого интерфейса — точную, измеренную и готовую к использованию.
Блог