Нужно ли UX-дизайнеру программировать: 4 уровня и курсы 2026

Короткий ответ: код писать не обязательно, понимать его полезно

Программирование UX-дизайнеру для первой работы и роста до middle не нужно. Работодатели ждут исследований, сценариев, прототипов и аккуратного UI. Понимание того, как макет собирается в коде, при этом отличает сильного дизайнера: его макеты дешевле реализовать, а разработчики задают ему меньше вопросов. Граница проходит между «писать код» и «понимать код».

Ответ «не обязательно, но желательно» мало что даёт на практике. Полезнее понять, какой объём знаний окупается, сколько времени на него уйдёт и стоит ли за это платить.

Четыре уровня «программирования» для UX-дизайнера

Под словом «программирование» дизайнеры обычно имеют в виду четыре разных навыка, и окупаются они по-разному. Первые два нужны почти каждому UX-специалисту и осваиваются бесплатно. Третий полезен тем, кто работает с веб-продуктами плотно. Четвёртый, настоящее написание кода, требуется только в отдельных ролях и почти никогда не нужен для первой работы.

Уровень 0 часто недооценивают, хотя он даёт больше всего. Автор статьи на Хабре о том, нужно ли продуктовому дизайнеру программировать, сводит весь необходимый минимум к двум пунктам: логические схемы из прямоугольников и стрелок плюс основы HTML и CSS. Схема рядом с макетом заранее показывает, что происходит при ошибке оплаты или пустом списке, и снимает большую часть вопросов разработчиков.

Сроки в таблице ориентировочные, это оценка редакции для человека, который учится 5-7 часов в неделю.

Где знание вёрстки окупается в обычной работе

Главная польза от HTML и CSS в другом: дизайнер, который их понимает, сразу строит макет по законам, по которым его потом соберёт фронтенд. Отступы, сетка, стили заголовков и поведение блоков на узком экране перестают быть сюрпризом для разработчика, и правок после передачи макета становится меньше.

Пять мест, где разница заметнее всего:

• Auto layout в Figma. По сути это flexbox: направление, отступ между элементами, выравнивание. Figma сама опирается на понятия CSS: в справке по auto layout режим Ignore auto layout прямо сравнивается с absolute position в CSS. Кто знает flexbox, настраивает auto layout быстрее и без «костылей».
• Единые стили и шаг сетки. В колонке на vc.ru о том, нужно ли дизайнеру уметь программировать разобран типичный конфликт: если в макете заголовки h1 оформлены по-разному, верстальщик либо подгоняет их под один стиль, либо пишет отдельный стиль на каждый. Там же упоминается правило отступов, кратных 4 (4, 8, 12 … 64).
• Оценка стоимости правки. Без базового CSS дизайнер не понимает, займёт изменение кнопки 10 минут разработчика или два часа. Этот пример приводит автор той же статьи на Хабре, и он хорошо объясняет, почему «простые» правки иногда съедают полдня.
• Адаптивность. Понимая, как блоки переносятся и сжимаются в браузере, вы рисуете меньше лишних брейкпоинтов и сразу думаете о тексте, который не помещается в карточку.
• Dev Mode и токены. В режиме разработчика Figma показывает CSS выбранного элемента. Дизайнер, который этот код читает, сам видит, где в макете случайные значения вместо переменных дизайн-системы.

Что требуют работодатели и при чём тут конкуренция

Вакансии подтверждают, что код для UX-дизайнера остаётся дополнительным требованием. В разборе 50 вакансий «UX/UI дизайнер» с hh.ru чаще всего встречались портфолио, опыт и UI-основы: типографику, композицию и сетки требовали в 22 вакансиях из 50 (44%). Понимание технологий разработки там упоминается как полезный, но не центральный пункт.

Сравнивая программы UX/UI в нашем каталоге, редакция видит ту же расстановку приоритетов, что и в вакансиях: портфолио, исследования и передача макетов разработке стоят в описаниях первыми, а отдельного блока по коду нет ни в одной.

Тема всплывает из-за конкуренции. Дизайн-директор ВКонтакте Константин Замуренко в колонке о найме дизайнеров приводит данные hh.ru: в июне 2025 года на одну дизайнерскую вакансию приходилось 22,1 активного резюме. Когда у двадцати кандидатов одинаковые кейсы в Figma, кандидат, который может обсудить с разработчиком реализацию, заметнее остальных.

По отчёту Хабр Карьеры за первое полугодие 2025 года, зарплаты дизайнеров выросли на 13%, до 115 000 ₽ в медиане. В отчёте за второе полугодие 2025 года они прибавили ещё 2%. Отдельной «надбавки за код» отчёты не выделяют.

Артём Орлов, руководитель направления инноваций в онлайн-кинотеатре Wink, оценивает эффект смелее. В материале для Tproger он пишет, что «крепкий мидл» с Figma и Photoshop упирается примерно в 150 тыс. рублей, а опыт с no-code инструментами вроде Webflow, FlutterFlow и Supabase отодвигает потолок за 200 тыс. Статистики за этой оценкой нет, это мнение одного эксперта. Но направление понятное: платят за умение довести идею до работающего прототипа, синтаксис сам по себе ценится мало.

ИИ-генерация кода: снимает ли она вопрос

Нейросети уже пишут код по описанию, но разрыв между дизайнерами и разработчиками в их использовании большой. По отчёту Figma об ИИ за 2025 год (опрос 2 500 пользователей), ИИ в основной работе применяют 59% разработчиков и только 31% дизайнеров. При этом полагаться на результат ИИ могут лишь 32% опрошенных.

Сгенерировать кликабельный прототип на коде сегодня может человек, который ни разу не писал JavaScript. Проверить, что прототип ведёт себя правильно, и объяснить разработчику, что в нём временная заглушка, без уровня 1 из таблицы выше не получится. ИИ снижает порог для уровня 3, но делает уровни 0 и 1 ещё важнее: результат нужно уметь прочитать.

Чему учат курсы UX/UI: данные каталога SkillEdge

В каталоге SkillEdge сейчас 6 профильных программ «UX/UI-дизайнер» с полной профессией. Цены со скидкой на 15 октября 2026 года идут от 63 000 ₽ до 181 200 ₽, сроки от 5 до 13 месяцев. Мы сверили описания этих программ: в них Figma, исследования, прототипы, дизайн-системы и передача макетов в разработку, но ни одна не заявляет отдельный модуль по программированию.

Разница в цене между крайними программами списка с кодом не связана: модуля по программированию нет ни в одной из шести. Если школа предлагает «технический» модуль за доплату, для UX-роли он не нужен: уровень 1 из таблицы выше закрывается бесплатными материалами.

При сравнении программ на SkillEdge мы советуем смотреть на другое: сколько проектов уходит в портфолио, есть ли проверка домашних заданий практикующим дизайнером и разбирается ли передача макетов разработчику. Последний пункт как раз и закрывает тот «код», который реально нужен UX-дизайнеру. Сравнить программы по цене и сроку можно в каталоге курсов UX/UI-дизайна или в разделе сравнения курсов.

Когда программирование стоит учить всерьёз

Писать код по-настоящему имеет смысл в трёх ситуациях. В остальных случаях время лучше вложить в исследования и портфолио.

• Стартап или маленькая команда. Отдельного верстальщика часто нет, и дизайнер сам собирает лендинги, письма и прототипы, а иногда и правит стили в продакшене вместе с единственным фронтендером.
• Продуктовый дизайн. Ценится быстрая проверка гипотез, и рабочий прототип на коде экономит команде спринт.
• Дизайн-инженер. Здесь код прямо входит в обязанности.

Если вас тянет в продукт, посмотрите, чем продуктовый дизайнер отличается от UX-дизайнера и как UX-дизайнеру перейти в продуктовый дизайн. Там техническая грамотность весит заметно больше.

Отдельный случай: вы поняли, что код нравится вам больше макетов. Тогда честнее рассмотреть смену профессии на frontend-разработчика, чем пытаться совместить две полноценные роли в одной. Автор упомянутой колонки на vc.ru отмечает, что вакансий для дизайнеров, совмещающих обе роли, очень мало, а такие кандидаты должны тянуть и макеты, и вёрстку.

Минимальный план на 4-6 недель

Чтобы закрыть уровни 0 и 1 и попробовать уровень 2, хватит 4-6 недель по 5-7 часов в неделю и бесплатных материалов. Курс по программированию для этого покупать не нужно. Главное условие: учиться на собственных макетах. Тогда навык сразу встраивается в работу и попадает в портфолио.

1. Неделя 1. Возьмите один свой сложный сценарий (регистрация, оплата, фильтр) и нарисуйте к нему блок-схему со всеми ветками и ошибками.
2. Недели 2-3. Пройдите основы HTML и CSS по бесплатному разделу MDN «Изучение веб-разработки»: структура страницы, блочная модель, flexbox.
3. Неделя 4. Откройте инспектор браузера на любом сайте, найдите отступы и шрифты, поменяйте их прямо на странице. Затем сравните с тем, как то же самое настроено у вас в auto layout.
4. Недели 5-6. Сверстайте одну карточку или экран из своего портфолио. Добавьте в кейс короткий абзац о том, как вы учли реализацию: это аргумент на собеседовании.

Полный путь в профессию с нуля, от выбора курса до первого оффера, разобран в статье как стать UX/UI-дизайнером. А если вы только присматриваетесь к профессии, загляните на страницу профессии UX-дизайнера: там задачи, навыки и зарплаты по грейдам.