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