Сценарий 1. Нужно показать только первый экран сайта

Тогда просто делаем скриншот первого экрана и помещаем его на горизонтальное полотно. Желательно предварительно слегка ужать окошко браузера, чтобы сайт был более «квадратным» — особенно, если есть большие поля на полном экране.

Frame 7697.jpg

Сценарий 2. Нужно показать сайт чуть дальше первого экрана

Здесь нам придется немного поколдовать. Показываю для браузера Chrome, на других не знаю, как это работает.

  1. Открываем нужный нам сайт. Желательно так же слегка его заузить.

  2. Нажимаем правой кнопкой мыши и выбираем «Просмотреть код»

Появится вот такая хрень справа

Появится вот такая хрень справа

  1. В правом меню появится код всей страницы. Нужно пролистать его до самого верха, там будет строка <html>. Когда мы наводим на эту строку мышкой, весь экран подсвечивается.

Снимок экрана 2024-10-18 в 16.37.40.png

  1. Далее нажимаем на html правой кнопкой мыши → Capture node screenshot. Проходит немножко времени и у вас на компьютере появится гигантский скриншот в png. Там будет скриншот всего сайта.

  2. Весь этот скриншот нам не нужен, поэтому лучше сразу его обрезать, чтобы была только нужная область или чуть больше. Помещаем обрезанный скриншот в Фигму и кладем его на квадратное полотно.

Frame 7698.jpg