Алексей Сегодин

FireFox умеет это из коробки.
F12-> иконка фотоаппарат.

Пользуюсь web-capture.net

Перед тем как сделать скрин укажи формат в котором нужно его получить.

Проектирование - Дизайн - Верстка и Программирование

Дизайнер должен знать силы программиста. Иначе результат работы программиста будет очень отличаться от задумки и макетов дизайнера.

Без сарказма, бумага, карндаш, ножницы и клей даже иногда. Экономят кучу времени. Лично для меня интерфейс мозг → рука → карандаш самый быстрый и самый гибкий.

А дальше уже зависит от команды. Если у всех Скетч, то Скетч. Если фронтенд под виндой сидит, то ФШ. Мне долго был мил иллюстратор, из-за векторности, но с появлением Скетча это прошло, хотя иконки в нём мне удобней рисовать до сих пор.
Уже написали несколько раз про инвижн, он незаменим, особенно для арт-директорской работы и согласований. Ну и он как тудушка для графики отлично работает. Еще есть всякие https://webflow.com/, бывает очень удобно. Не всегда, не для всего, но когда что-то простое, вроде лендингов, то сильно укорачивает время разработки.

По-факту рисовать всё равно в чём. Важно из чего ваш конкретный фронтэндер умеет/может извлекать информацию.

Есть 2 типа работы:
1. Типичная
2. Уникальная (конкретно под задачу)

Недобросовестные Исполнители: Чтобы обмануть снижают цену Заказчику по п.1, подводя его в переговорах к тому, что это ИМЕННО ТО, что ему нужно.

Добросовестные Исполнители: делают СТРОГО по ТЗ, которое и разрабатывают в тесном диалоге с Заказчиком, и затем на его основе формируют мокапы, а затем отдают их дизайнеру для подготовки макетов страниц и последующей вёрстки в шаблон.

На upwork есть бесплатный эккаунт.
По всем типам задач, что я видел русскоязычные биржи гораздо менее прибыльны, чем англоязычные. А на любой проект с приличным бюджетом собирается такой аншлаг, что без хорошего опыта продаж во фрилансе взять его будет очень сложно.
Я бы посоветовал вам такую стратегию
* учить английский
* выбрать направление и стать в нем лучшим
* мониторить все биржи по вашему направлению

Есть и бесплатные биржи, только там и заказы копеечные.
Не проще ли купить подписку на месяц на крупной бирже и в течение пары часов отработать эти деньги?

Первый этап — подумать, надо ли это вам вообще. К хорошему дизайну на кривой козе не подъедешь.

Прежде всего: Майк Монтейро «Дизайн — это работа». Даже если не будете потом заниматься дизайном — книга все равно полезная.
Во многом избавляет от романтического подхода вроде «дизайнер — это художник».

Второй этап — учиться: смотреть и делать свое.
Только, во имя всех скандинавских богов, смотреть не на Behance и Dribble. Там красиво, конечно, стиль, все дела, но в конечном итоге 95% работ там просто картинки.
А веб–дизайн — в первую очередь сценарий. Дизайнер определяет то, как пользователь будет пользоваться сайтом: в его власти сделать интерфейс простым и ясным или запутать до невозможности.
Посмотрите работы бюро Горбунова, особенно процесс создания.

Соответственно свои работы тоже нужно рассматривать с точки зрения полезного действия, а не внешней красоты. Эстетика — это третий этап.
Учиться значит читать, в первую очередь. Чтобы делать правильно — нужна система.
Читать лучше от общего к частному, начать стоит с этого:
Дональд Норман «Дизайн привычных вещей»
Виктор Папанек «Дизайн для реального мира»
Параллельно:
Генрих Альтшуллер «Найти идею»
37Signals «Getting Real»

Веб — это интерфейс, значит:
Джеф Раскин
«Новые направления в проектировании компьютерных систем», «Об интерфейсе»
Брюс Тогнаццини «Главные принципы интерактивного дизайна»
Якоб Нильсен «Веб-дизайн. Книга Якоба Нильсена»

Веб — это шрифт и текст, стало быть:
Ян Чихольд «Новая типографика»
Эмиль Рудер «Типографика»
Нора Галь «Слово живое и мертвое»
Саша Карепина «Искусство делового письма»

Веб — структура и верстка:
Тим Харровер «Настольная книга газетного дизайнера»
Мюллер-Брокман «Модульные сетки в графическом дизайне»

Оставлю за кадром книги по самоуправлению и переговорам, это уже другая фаза.
Про английский язык и умение верстать уже сказали, повторяться не буду.

Нужно научиться смотреть с правильного уровня абстракции.
Это психологический момент, который определяет адекватность человека, а адекватность понимается "как человек способен оценить события заранее, и чем больше результат совпадает с тем, что он предположил, тем более он адекватен".

Обычно для перфекционизма достаточно научиться видеть правильный уровень абстракции.
Пример:
Нужно сделать дизайн по макету.
Уровни абстракции примерно такие:
1. задротский - нужно сделать все до пикселя.
2. технический - нужно сделать все по макету, чтобы соответствовало
3. бизнес-уровень - нужно сделать, чтобы клиент был удовлетворен
4. жизненный - нужно, чтобы работа была завершена в сроки, я получил ЗП, и мог накормить себя и семью
5. философский - все тлен.

Конечно уровни не всегда следуют иерархии, но смысл в том, что над перфекционизмом конкретного дизайна есть множество других целей, и можно просто переключаться на них. Тогда адекватное восприятие того, что на самом деле важно, будет меняться.