Сайт - Скриншот - Фигма В соседнем чатике обсуждают вопрос пе | Бабичев в потоке

Сайт - Скриншот - Фигма

В соседнем чатике обсуждают вопрос переноса скриншотов сайтов в Figma, решил сохранить мануал тут как это делаю Я:

1) Проверяем масштабирование экрана в настройках монитора и выставляем 100% (Это чтобы размеры в пикселях на сайте совпадали с Figma, а то бывают расхождения в масштабах даже по умолчанию), после всех процедур не забываем вернуть все обратно как было =)
2) Идем в браузер и делаем ресайз окна под нужное разрешение при помощи плагина Window Resizer для Chrome (я делаю 1440/1920 и 375 под мобильные)
3) Затем плагином для Chrome GoFullPage - Full Page Screen Capture делаем скриншот экрана на всю длину (Есть и другие варианты и онлайн и дефолтные в браузере, но мне этот плагин кажется самым простым вариантом)
4) И вот теперь сохраненный скриншот при помощи плагина для Figma Insert Big Image вставляем его в Figma (это решит проблему лимита в 4096 пикселей).
5) Делаем то планировали изначально: снимаем размеры, рисуем обновления поверх страницы, растаскиваем на элементы дизайна

Выглядит сложно, но на факте привычка вырабатывается очень быстро