Дизайн-система сайта по ссылке — готовая для ИИ
Вставьте ссылку на сайт или шаблон Wix. Через минуту получите палитру, шрифты, отступы, структуру секций и промпт, по которому любой ИИ соберёт оригинальный сайт.
ПримерDachdecker Wien | Dachreparatur, Dachsanierung & Spenglerarbeiten – DachWerk Wien
dachdeckerwien.com- Шрифты
- DM Sans
- Структура
- 36 секций, 20 повторяющихся компонентов
- Адаптив
- брейкпоинты 390 / 768 / 1024, мобильная версия снята отдельно
- Сетка
- шаг 5px, контейнер 980px, радиусы 10px, 14px, 27px
Как пользоваться
- Вставьте ссылкуНа сайт или шаблон Wix — и нажмите «Получить дизайн-систему».
- Подождите минутуОбычно от 30 секунд до полутора минут. Ход разбора видно по этапам.
- Посмотрите результатКак выглядит сайт, палитра, шрифты, структура. Клик по цвету копирует его.
- Отдайте ИИНажмите «Скопировать промпт», вставьте его в чат с ИИ и приложите облегчённый архив. Если ИИ работает с папкой проекта, возьмите полный — «Скачать архив».
- Вернитесь, когда понадобитсяУ результата своя ссылка, ей можно поделиться; живёт она до 7 дней с момента разбора. Ваши разборы помнит этот браузер, а с аккаунтом они есть в «Моём аккаунте» на любом устройстве.
Что такое дизайн-система сайта
Дизайн-система — это правила, по которым собран сайт: какие цвета у фона, текста и кнопок, какими шрифтами и какого размера набраны заголовки, какой шаг у отступов, как скруглены углы, в каком порядке идут секции и как страница перестраивается на телефоне.
Инструмент восстанавливает эти правила по готовой странице: открывает её в браузере на нашем сервере, измеряет оформление и записывает его в файлы, понятные и человеку, и ИИ. Так понравившийся сайт становится образцом, по которому ИИ соберёт ваш собственный — в том же стиле, но с вашими текстами и картинками.
Что вы получите
- Палитру — цвета фона, текста, акцентов и рамок с их ролями и контрастом, а ещё то, как цвета меняются при наведении курсора.
- Шрифты — гарнитуры, размеры, насыщенность и межстрочные интервалы заголовков и текста. Для шрифтов без свободной лицензии предложены свободные замены.
- Отступы и форму — шаг отступов, ширину контейнера, радиусы скругления и тени.
- Структуру — секции сверху вниз: раскладку, колонки, повторяющиеся карточки и заголовки.
- Мобильную версию — как секции перестраиваются на телефоне, какого размера там шрифты и что скрыто.
- Скриншоты — всей страницы на каждой ширине, отдельных секций и мобильной версии.
Главное видно сразу на странице, а целиком всё собрано в отчёте для человека и в полном архиве для ИИ; облегчённый архив меньше — для загрузки в чат.
Как отдать результат ИИ
Нажмите «Скопировать промпт» и вставьте его в чат с ИИ — например, ChatGPT, Claude, Gemini, DeepSeek или GigaChat. Вместо заготовки в квадратных скобках впишите, о чём ваш сайт, и приложите облегчённый архив: он сделан для загрузки прямо в чат, где размер файла ограничен.
Если ИИ работает с файлами на вашем компьютере, как Cursor или Claude Code, распакуйте полный архив в папку проекта и дайте ему путь к ней. README.md внутри подскажет, что читать по порядку.
Интеграций с этими сервисами у нас нет: промпт и архив — обычные файлы, их примет любой ассистент, который работает с текстом и файлами.
Чего инструмент не делает
- Не проходит проверки на бота и не решает капчи: если сайт показал проверку, разбор остановится.
- Не заходит в личные кабинеты: страницу он видит так, как посетитель без входа. Адреса локальной машины и внутренних сетей не открывает.
- Разбирает одну страницу по ссылке, а не весь сайт.
- Не собирает сайт сам: это делает ИИ по архиву.
- Не гарантирует, что шрифт можно использовать: свободным он считает шрифт, найденный по названию в Google Fonts или другом открытом каталоге, и может ошибиться.
Вопросы о дизайн-системе сайта
Сколько это стоит?
Бесплатно — в пределах дневного лимита: без входа 1 разбор в день, с аккаунтом — 2 разбора. Больше разборов — в платном тарифе Pro, от 149 ₽: он на странице «Тарифы».
Сколько ждать?
Обычно от 30 секунд до полутора минут: страница снимается на четырёх ширинах экрана и отдельно как с телефона.
Что внутри облегчённого архива?
DESIGN-BRIEF.md со сводкой, ai-prompt.md с заданием, tokens.css и JSON с палитрой, шрифтами и отступами, каркас skeleton.html с текстами страницы, скриншоты секций и мобильной версии, шрифты оригинала со свободной лицензией. Картинок, стилей и HTML-кода оригинала в нём нет — они только в полном архиве.
Работает ли с Tilda, Webflow, TemplateMonster?
Да: их, как и любой публичный сайт, разбирает общий алгоритм. По ссылке инструмент узнаёт Tilda, Taptop, Webflow, Framer, Squarespace, Readymag, Craftum, Elementor, Start Bootstrap, TemplateMonster, ThemeForest, Envato Elements, Shopify, WordPress, HTML5 UP и Nicepage, а ссылку на шаблон в каталоге TemplateMonster, ThemeForest, Envato Elements, Webflow, Framer, Squarespace, Shopify, WordPress.org, Start Bootstrap, HTML5 UP, Nicepage или Craftum сам превращает в адрес его демо. Отдельная поддержка есть у Wix: галерея шаблонов, страница просмотра и мобильная вёрстка.
Это законно?
Компоновка, палитра и пропорции авторским правом не охраняются — их мы и измеряем. Тексты, фотографии, логотипы и шрифты охраняются: в результате они лежат как образец, публиковать их как своё нельзя, а задание для ИИ прямо требует сделать оригинальный сайт. Что именно попадает в архивы — на странице «Правообладателям».