На сегодняшний день есть достаточно много программ для этой цели и каждый выбирает ту, с которой ему удобнее работать, основные это конечно классический Фотошоп и Иллюстратор, а так же новомодная Фигма в которой много примочек именно для решения задач веб-дизайна, есть бесплатная версия но нет русского языка в меню. При этом, кроме вышеперечисленных, кто-то пользуется Корел, хотя конечно он лучше подходит для графического дизайна.
Scetch и продукты Adobe (Photosho, Illustrator, XD) и HTML5 главные инструменты дизайнера в современном мире. Есть и интересные сервисы которые совмещают в себе все эти инструменты и предоставляются по подписке. Platforma Web Wireframe Kit один из них.
Обычно рисуют дизайн фотошопе, а верстают в блокноте (не в стандартном блокноте Windows, а в специальзированном, для программистов, например, Notepad++). Использовать визуальные редакторы часто не рекомендуют, так как они портят код.
Photoshop для веб-диза давно устарел. Лучше использовать Sketch, Figma или Adobe XD. Я лично пользуюсь Фигмой. Она значительно ускоряет мне процесс работы. Можно один раз создать свою дизайн систему и потом ее использовать и адаптировать по новые проекты - пара кликов - и ты перекрасил цвета во всем макете. еще пара кликов - и все обводки у полей ввода, чекбоксов, выпадающих списков стали толще, появились скругления у кнопок и т.д.