Статьи в разных блогах скриншотятся примерно так же, как и сайты. Тут вам тоже пригодится умение делать длинные скриншоты через раздел «Посмотреть код». Инструкцию можете найти в доке по скринам сайтов.
Для этого лучше всего подходит первый экран статьи, на который обычно попадает заголовок, картинка и немножко текста. Поиграйтесь с шириной окошка браузера — чтобы попадало побольше инфы — позакрывайте всякие всплывающие фиговины и сделайте скриншот.
Скорее всего, на скриншот попадет много лишней фигни: меню, рубрикатор, кнопки и т.д. Поэтому закидываем скриншот в Фигму и обрезаем, чтобы осталось только самое необходимое. Обрежьте лишнее и в зависимости от того, каким получился скриншот, выбираем тип полотна: 1920х1080 или 1080х1080.
На VC удобно заходить в профиль автора и скриншотить оттуда — там по умолчанию красивые почти квадратные превью
Если нужно захватить побольше контента, то можно через код сделать длинный скриншот статьи. Выгружаем, обрезаем, добавляем в Фигму и кладем на квадратное полотно.
Из таких скриншотов можно собрать вот такую картинку на горизонтальном полотне — показать сразу две статьи
Берем длинный скриншот
Перед добавлением в Фигму обрезаем его, но оставляем побольше контенту
Добавляем скриншот в Фигму, обрезаем лишние элементы.
Копируем скриншот, чтобы рядом было два скрина
Берем полотно 1920х1080. Добавляем туда первый скриншот, чтобы он тонул в нижнем крае.
Рядышком добавляем второй скриншот — так, чтобы он как бы вылезал из верхнего края в том месте статьи, где утонул первый скриншот.
