DESIGN.md из любого источника
Снимает дизайн-систему с сайта по ссылке или с загруженного файла — скриншота, PDF, презентации: палитру с именами и hex, шрифты и шкалу, отступы, радиусы, тени, кнопки и поля, правила «можно / нельзя». На выходе DESIGN.md для агентов и дизайнеров, лист-раскладка PNG и PDF и профиль JSON. С сайта…
Что делает
Снимает дизайн-систему с сайта по ссылке или с загруженного файла: скриншота, макета, PDF-гайда, презентации. Собирает палитру с именами и кодами цветов, шрифты и их размеры, отступы, радиусы, тени, кнопки и поля, правила «можно и нельзя». С сайта стили измеряются в настоящем браузере, а не угадываются по картинке. На выходе файл DESIGN.md для дизайнеров и ИИ-агентов, лист-раскладка в PNG и PDF и профиль JSON, который потом подключается в других инструментах как стиль.
Когда пригодится
Передать дизайнеру или подрядчику фирменный стиль сайта в одном файле. Научить ИИ-агента или генератор делать макеты в вашем стиле. Разобрать стиль понравившегося сайта для референса. Собрать дизайн-профиль, чтобы подключать его в инструментах бренда и листах.
Что подготовить
Ссылку на сайт или файл до 50 МБ: скриншот, макет, PDF с гайдом, презентацию. С сайта результат точнее, потому что стили измеряются, а не угадываются. Если используете чужой сайт, помните: это референс, а не повод копировать чужой бренд.
Как заполнить
Ссылка на сайт Необязательно, если загружен файл. Полный адрес страницы, например https://example.ru. Страница откроется в нашем браузере: снимем скриншот и измерим стили. Или файл Необязательно, если указана ссылка. Скриншот, макет, PDF-гайд или презентация до 50 МБ. Заполните одно из двух полей.
Что получится
Три результата: файл DESIGN.md с описанием дизайн-системы, лист-раскладка в PNG и PDF для показа и профиль JSON. Профиль сохраняется и появляется в поле «Стиль из дизайн-профиля» у инструментов бренда, листов и карточек. Проверьте палитру и шрифты: с картинки или PDF они определяются приблизительно, с сайта точнее.
Частые ошибки
Ссылка на страницу за авторизацией. Браузер видит только форму входа, и система снимается с неё. Скриншот низкого качества. Цвета и размеры шрифтов определяются неточно. Заполнены оба поля. Достаточно одного, иначе непонятно, что главное. Копируют чужой фирменный стиль один в один. Используйте как ориентир, а не как свой бренд.
Пример с ценой и временем: Презентация нейросетью: 12 слайдов за 6 минут
