Фотошоп больше не нужен: почему веб-дизайн живёт в Figma

Пятнадцать лет подряд ответ на вопрос «что учить для веб-дизайна» был один: фотошоп. Все, кто входил в профессию с 2005 по 2015, месяцами осваивали слои и маски (слои — «прозрачные плёнки» с картинками одна над другой; маски — способ спрятать часть картинки). Но индустрия изменилась, и в 2026 году вопрос звучит иначе: нужен ли фотошоп для веб дизайна вообще? Короткий ответ: для 90% задач — нет.

Фотошоп родился как редактор растровой графики: фото, ретушь, печать. (Растровая графика — картинка из миллионов цветных точек-пикселей, как фотография. Если приблизить — точки видны.) Веб 2000-х был картинкой: дизайнер рисовал макет (картинку-превью сайта, как он будет выглядеть) как цельное изображение, верстальщик (человек, который превращает макет в работающий код) резал его на кусочки. Поэтому фотошоп подходил: макет и был буквально картинкой.

Но веб давно другой. Сайты состоят из кода, сеток, компонентов. Макет — не картинка, а схема будущей страницы. И рисовать схему в растровом редакторе — как забивать гвозди микроскопом.

Figma (программа для дизайна интерфейсов) вышла в 2016-м и за несколько лет забрала индустрию. Пять причин:

• Работает в браузере. Без установки, на любой ОС (операционной системе: Windows, Mac), файлы живут в облаке.
• Бесплатна для одиночек. Фотошоп — подписка около 20 долларов в месяц, базовый тариф Figma — ноль.
• Векторы и компоненты. Векторы — графика из формул, а не точек: при увеличении не размывается. Компоненты — переиспользуемые блоки: поменял кнопку в одном месте — поменялась во всём макете, как код.
• Совместная работа. Дизайнер, клиент и разработчик работают в одном файле, комментарии остаются прямо на макете.
• Передача в разработку. Разработчик открывает макет и видит размеры, отступы, цвета — без «нарезки».

Для веб-дизайнера Figma закрывает весь цикл: от wireframe (схема страницы: где заголовок, где кнопка, без цветов) до готового макета и прототипа (интерактивная версия: можно нажимать кнопки и листать, как на настоящем сайте).

Честно: растр не умер. Фотошоп остаётся для:

• Ретуши и обработки фото
• Сложной растровой графики для баннеров
• Работы с печатью, где нужен растр

Но такие задачи — отдельная специализация. Веб-дизайнер в 2026 году — это Figma плюс базовое знание растра, а не наоборот.

Год на фотошоп «на всякий случай» — потерянное время. Путь короче:

• Figma: инструменты, auto layout, компоненты — две недели. (Auto layout — режим, при котором блоки сами подстраиваются под содержимое: увеличил текст — рамка выросла.)
• Основы дизайна: типографика (подбор шрифтов), композиция (расположение блоков), цвет, сетки (система выравнивания) — один-два месяца.
• Практика: 3–5 учебных макетов в портфолио (портфолио — папка работ для показа клиентам).

Такого набора хватает, чтобы делать сайты и выкладывать работы на Behance и Dribbble (сайты-витрины для дизайнеров).

Фотошоп — отличный инструмент для своих задач. Но веб-дизайн живёт в Figma, и новичок в 2026 году начинает именно с неё. А если хочется пройти все основы дизайна в одном месте — композиция, типографика, сетки, Figma с нуля — есть полный курс для самостоятельного обучения, разовая покупка.

Полный курс: веб-дизайн от новичка до профи за 390 ₽