Как стать дизайнером интерфейсов: путь от нуля до первого оффера
Не «стань разработчиком за 3 месяца» — реальный путь входа на основе данных по 126 вакансий.
Автор·Мурадов Юрий·Аналитик SkillStatМожно ли стать дизайнером интерфейсов с нуля
Да. По данным SkillStat, 10% вакансий дизайнера интерфейсов — уровня junior или стажёр. Это 12 вакансий прямо сейчас.
«С нуля» у дизайнера интерфейсов — это без коммерческого опыта, но с двумя-тремя кейсами, где виден ход мысли. Не альбом экранов: задача, ограничение, что ты проверил, какие варианты отбросил и почему выбрал этот. Медиана требований — 5 навыков, и короткий список тут обманчив: за каждым пунктом стоит не кнопка в редакторе, а решение, которое надо защитить вслух.
Вход трудный из-за конкуренции и туманных критериев. Figma осваивается за месяц — и именно поэтому «умею Figma» ничего не стоит: она есть в 53.2% вакансий и работает как порог, а не как преимущество. Отбор идёт по портфолио, а отсев — по одной фразе: «мне так показалось красивее». На одного junior приходится 5.3 senior-вакансии: платят за то, что ты объясняешь решение задачей пользователя, а не вкусом.
Как стать дизайнером интерфейсов: короткий план
Пять шагов от первого разбора чужого экрана до кейса, который защищает решение без тебя.
Что учить дизайнеру интерфейсов первым
Не всё сразу. Вот очерёдность по частотности в вакансиях — от самого нужного к менее срочному.
| Навык | Все вакансии |
|---|---|
| Figma | 53.2% |
| UX | 44.4% |
| UI | 44.4% |
| adobe photoshop | 17.5% |
| CSS | 14.3% |
| HTML | 12.7% |
| adobe illustrator | 12.7% |
| веб-дизайн | 11.9% |
| Android | 11.1% |
| iOS | 11.1% |
«Все вакансии» — доля из 126 вакансий. Обновлено 12 августа 2026.
Полный список навыков с частотностью, связками и зарплатной премией — навыки дизайнера интерфейсов →
Roadmap дизайнера интерфейсов: от нуля до junior
Порядок опирается на частотность навыков по данным вакансий. Первые 4–5 этапов — минимум для первого оффера.
- 01Figma 53.2% вакансий
Компоненты, auto layout, варианты, прототипирование, командная работа в общей библиотеке.
Подробнее → - 02UX-проектирование 44.4% вакансий
CJM, user story, вайрфреймы, сценарии использования, usability-тесты, проблемные интервью.
Подробнее → - 03UI-дизайн 44.4% вакансий
Типографика, цветовые системы, сетки, дизайн-система, визуальная иерархия, UI-компоненты.
Подробнее → - 04Веб и HTML/CSS 12.7% вакансий
Понимание вёрстки на уровне постановки задач разработчику, базовый HTML/CSS.
Подробнее → - 05Графические редакторы 17.5% вакансий
Adobe Photoshop и Illustrator — растровая и векторная графика, иллюстрации, иконки.
Подробнее →
Junior-вакансии дизайнера интерфейсов: что реально требуют работодатели
Срез построен на 126 активных вакансий.
Какие проекты сделать для портфолио
Портфолио дизайнера интерфейсов — не репозиторий с кодом и не галерея красивых картинок. Это два-три кейса, и каждый отвечает на четыре вопроса: какую задачу решал, что мешало, какие варианты рассмотрел и по какому признаку решение считается удачным. Финальные экраны — последний слайд, а не весь кейс.
Как оформить GitHub и резюме
- Публичная ссылка на Figma с доступом «может просматривать»: часть отказов на входе — про то, что файл просто не открылся
- Behance или свой сайт-визитка как витрина. Обложка кейса должна называть задачу, а не «Редизайн приложения банка»
- В каждом кейсе — страница разбора перед макетами: задача, ограничения, варианты, проверка, результат. Экраны идут последними
- Прототип кликабельный, а не картинкой: смотрящий должен пройти сценарий сам, включая ошибку и пустое состояние
- PDF-версия портфолио на 8–10 страниц для тех, кто смотрит с телефона в дороге: Figma на маленьком экране не открывают
- Кейсы с прошлой работы перепиши своими словами: убери названия компаний, суммы и реальные данные, оставь задачу, решение и признак результата
- Первая строка резюме — ссылка на портфолио. Резюме дизайнера интерфейсов без неё не читают дальше заголовка
- Раздел «Проекты» вместо «Опыт работы»: кейс с проверкой описывается как рабочая задача
- По каждому кейсу: чей продукт, что было не так, что ты изменил и по какому признаку решение сработало
- Навыки — только рабочие: Figma, UX. «Владею Figma» без кейса читается как ноль: она есть в 53.2% вакансий и никого не выделяет
- Смежный опыт — валюта: графический дизайн, веб-дизайн, вёрстка, поддержка продукта. Ты уже видел, как решение живёт после макета
- Назови продуктовую область, где разбираешься: финансы, торговля, внутренние сервисы. Дизайнера берут в предметную область, а не в вакуум
«Владею Figma, Photoshop и Illustrator, делаю удобный и современный дизайн, есть чувство прекрасного»
«Разобрал оформление заявки в личном кабинете: 6 интервью, сценарий на пятерых пользователях — трое бросали на шаге подтверждения. Убрал шаг, переписал ошибки полей, собрал состояния в компоненты Figma и передал в разработку со спецификацией адаптивов. Договорились с продуктом, что решение оценивается по числу брошенных заявок. Кейс: [ссылка]»
Самостоятельно, курсы или вуз — какой путь выбрать
Курсы для дизайнера интерфейсов
Сопоставили программы с реальным стеком из 126 вакансий — оценка соответствия рассчитана автоматически, это не реклама.
Когда начинать искать первую работу
Готов, когда можешь взять чужой экран, за час найти в нём место, где человек ошибается, предложить два варианта и объяснить, чем один хуже другого. Ощущение «портфолио ещё сыровато» не пройдёт никогда — а вакансии закроются.
- → hh.ru: помимо «UX/UI-дизайнер» смотри «дизайнер интерфейсов», «продуктовый дизайнер» и «веб-дизайнер» — работа часто та же, а конкуренция на отклик разная
- → Продукты со сложными сценариями: личные кабинеты, внутренние сервисы, панели управления. Снаружи скучно, но именно там дизайнер решает задачи, а не рисует обложки
- → Студии и агентства: поток сайтов и лендингов, берут с небольшим портфолио и дают объём практики за первый год
- → Отделы маркетинга непрофильных компаний: дизайнер там один, задачи от баннера до личного кабинета — широкий вход и быстрый рост насмотренности
- → Дизайн-сообщества и чаты с разборами работ: там замечают, приглашают и советуют — часто до того, как вакансия дойдёт до hh.ru
- → «Figma» в требованиях — не навык, а условие (53.2% вакансий). Читай, что рядом: UX и UI (44.4%, 44.4%) означают продуктовые задачи, а adobe photoshop и adobe illustrator (17.5%, 12.7%) — что от тебя ждут ещё и графику
- → HTML и CSS в вакансии дизайнера (12.7%, 14.3%) — почти всегда про понимание ограничений вёрстки, а не про то, что верстать будешь ты. Уточняй на собеседовании: иногда всё-таки про это
- → iOS и Android (11.1%, 11.1%) означают платформенные правила, а не мобильную версию сайта. Если в портфолио только веб — сделай один мобильный сценарий до отклика
- → «Портфолио обязательно» — фильтр номер один, а не формальность. Отклик без ссылки не открывают
- → Медиана требований — 5 навыков: список короткий, потому что главное в нём не пишут. Проверять будут по кейсу
Что спрашивают на собеседовании
Разбор твоего кейса
- ·Какую задачу решал и откуда узнал, что она есть
- ·Какие варианты отбросил и почему
- ·Что сделал бы сейчас иначе
- ·По какому признаку решение считается удачным
Кейс с формой: проведи от задачи к решению за пять минут, не открывая финальные экраны первыми
Сценарий и состояния
- ·Что видит пользователь, пока данные грузятся
- ·Что показать, если список пустой в первый раз и если пустой после фильтра
- ·Как выглядит отказ по правам
- ·Что происходит, когда человек ошибся и хочет вернуться
Прототип: пройди сценарий с ошибкой, а не только удачный путь
Проверка решения
- ·Как понять, что проблема есть, а не кажется
- ·Чем наблюдение отличается от опроса
- ·Скольких людей достаточно, чтобы увидеть проблему
- ·Что делать, если заказчик требует решение, которое не проходит проверку
Кейс с usability-проверкой: покажи, что записал, и что из этого поменял
Визуальный слой
- ·Как выстроил иерархию на этом экране
- ·Почему такой размер и интервал у заголовков
- ·Как проверял контраст
- ·Что случится с макетом при длинном тексте и другом языке
Любой экран: объясни сетку и отступы через задачу, а не через вкус
Дизайн-система
- ·Когда компонент, а когда отдельный экран
- ·Что такое варианты и состояния компонента
- ·Зачем токены, если можно просто стили
- ·Как жить, если разработка собрала свою библиотеку
Компонент из твоего файла: покажи варианты, состояния и правила использования
Работа с командой
- ·Как передаёшь макет в разработку
- ·Что делаешь, когда сверстали не так
- ·Как споришь с продуктом, если он просит убрать шаг
- ·Откуда узнаёшь, что стало лучше после релиза
Страница передачи из кейса: состояния, адаптивы, тексты ошибок, открытые вопросы
Сколько времени нужно, чтобы стать дизайнером интерфейсов
Почему «Figma за месяц» — правда, а «дизайнер за месяц» — нет. Редактор действительно осваивается быстро, и это ловушка: он есть в 53.2% вакансий, то есть нужен всем и не отличает никого. Время уходит на другое — на насмотренность, на умение задать вопрос до макета и на привычку проверять решение людьми. Чтением это не ускоряется.
Что реально двигает сроки: регулярные разборы твоих работ чужими глазами, кейсы на настоящих задачах вместо концептов несуществующих приложений и продукт под рукой, где решение можно проверить. Двадцатый экран, нарисованный в стол, не двигает ничего.
Ошибки новичков
Портфолио из концептов несуществующих приложений
Почему мешает: Красивый редизайн известного сервиса без задачи и ограничений показывает вкус, но не работу. Такие кейсы листают за пять секунд
Как исправить: Возьми настоящий сервис, найди место, где человек ошибается, и разбери его: задача, проверка, варианты, решение
Кейс начинается с финальных экранов
Почему мешает: Смотрящий ищет ход мысли, а получает галерею. Если разбора нет в первых двух экранах кейса, его не будет вообще
Как исправить: Порядок: задача, ограничение, что проверил, варианты, решение. Экраны — в конце
«Умею Figma» вместо мышления
Почему мешает: Figma в 53.2% вакансий — это порог, а не преимущество. Она есть у всех, кто откликнулся вместе с тобой
Как исправить: В кейсе показывай не владение редактором, а решение: компоненты, состояния и то, зачем они такие
Рисуют только удачный сценарий
Почему мешает: Пустой список, ошибка, отказ по правам, длинный текст — там ломается опыт, и там же спросят на собеседовании
Как исправить: На каждый экран — набор состояний. UX и UI (44.4%, 44.4%) живут именно в них
Защищают решение вкусом
Почему мешает: «Так современнее» и «так красивее» — фраза, после которой собеседование заканчивается. Дизайнера нанимают, чтобы снять риск, а не украсить
Как исправить: Каждое решение привязывай к задаче пользователя или ограничению продукта. Не можешь — решение не твоё
Пропускают проверку живыми людьми
Почему мешает: usability — 7.1% вакансий, и кейс с наблюдением за пятью пользователями выделяет из сотни откликов
Как исправить: Дай экран трём знакомым с задачей и молчи. Запиши, где застряли. Этого хватает для настоящего кейса
Игнорируют ограничения вёрстки
Почему мешает: HTML и CSS (12.7%, 14.3%) в требованиях не про то, что ты будешь верстать: макет, который нельзя собрать, вернётся к тебе через неделю
Как исправить: Разберись, что дорого в вёрстке и как ведёт себя адаптив. Спрашивай разработчика до макета, а не после
Передают макет без состояний и текстов
Почему мешает: Разработчик додумает — и получится не то, что ты спроектировал. Потом это твой провал, а не его
Как исправить: Страница передачи: состояния, адаптивы, тексты ошибок, крайние случаи, открытые вопросы
Отправляют портфолио без доступа по ссылке
Почему мешает: Файл в Figma без права просмотра — самый обидный отказ в профессии, и он случается постоянно
Как исправить: Открой доступ по ссылке и проверь её из режима инкогнито перед каждым откликом
Как SkillStat считает данные
Источник: 126 вакансий в московском сегменте. Навыки и грейды извлекаются автоматически из текста каждой вакансии.
Грейды: определяются по требованиям вакансии — уровню опыта, упоминанию «junior», «intern», «стажёр». Это рыночная оценка объявления.
Сложность входа: рассчитывается по доле junior-вакансий и медиане навыков на junior-уровне. Это индикатор, а не гарантия.
Обновление: данные пересчитываются регулярно. Текущий срез — 12 августа 2026.