Добавить в корзинуПозвонить
Найти в Дзене

Инструменты UX/UI-дизайнера: чем реально пользуются на проектах

Если загуглить «инструменты UX/UI-дизайнера» — получишь список из двадцати названий. Figma, Sketch, Adobe XD, Miro, Maze, Hotjar, Optimal Workshop, Lookback, Dovetail, FullStory и ещё десяток. Выглядит убедительно. Проблема одна: большинство работающих дизайнеров открывают каждый день от силы три-четыре из них. Остальные — либо для конкретных задач раз в квартал, либо вообще не нужны на большинстве проектов. Делим инструменты на три категории: Основа (нужна с первого дня), По задаче (берёшь когда нужно) и Хайп (модно, но реально не обязательно). Для каждого инструмента: зачем, кому, честная оценка без маркетинговых формулировок. Никаких партнёрских ссылок и рекламы. Только опыт. Зачем: рисуешь макеты, делаешь прототипы, строишь дизайн-системы, работаешь с командой в реальном времени. Всё в одном месте. Честно: де-факто стандарт индустрии. Открыто каждый день. Бесплатный тариф достаточный для старта. Кому: всем. Без исключений. Красный флаг: тратить деньги на платный тариф пока нет реал
Оглавление

Если загуглить «инструменты UX/UI-дизайнера» — получишь список из двадцати названий. Figma, Sketch, Adobe XD, Miro, Maze, Hotjar, Optimal Workshop, Lookback, Dovetail, FullStory и ещё десяток. Выглядит убедительно. Проблема одна: большинство работающих дизайнеров открывают каждый день от силы три-четыре из них. Остальные — либо для конкретных задач раз в квартал, либо вообще не нужны на большинстве проектов.

Как читать этот разбор

Делим инструменты на три категории: Основа (нужна с первого дня), По задаче (берёшь когда нужно) и Хайп (модно, но реально не обязательно). Для каждого инструмента: зачем, кому, честная оценка без маркетинговых формулировок. Никаких партнёрских ссылок и рекламы. Только опыт.

Категория 1 — Основа: без этого никуда

Figma с открытой дизайн-системой — слои, компоненты, токены. Именно так выглядит рабочий экран большинства UX/UI-дизайнеров каждый день
Figma с открытой дизайн-системой — слои, компоненты, токены. Именно так выглядит рабочий экран большинства UX/UI-дизайнеров каждый день

Figma

Зачем: рисуешь макеты, делаешь прототипы, строишь дизайн-системы, работаешь с командой в реальном времени. Всё в одном месте.

Честно: де-факто стандарт индустрии. Открыто каждый день. Бесплатный тариф достаточный для старта. Кому: всем. Без исключений.

Красный флаг: тратить деньги на платный тариф пока нет реальных рабочих проектов.

— Если не знаешь Figma — выучи Figma. Потом думай про остальное.

FigJam

FigJam и Miro — цифровые доски для воркшопов, CJM и брейнштормов. FigJam встроен в Figma — отдельная подписка не нужна
FigJam и Miro — цифровые доски для воркшопов, CJM и брейнштормов. FigJam встроен в Figma — отдельная подписка не нужна

Зачем: воркшопы, CJM, флоу, брейнштормы, схемы. Встроен в Figma — не нужно переключаться. Честно: удобнее чем Miro для большинства задач. Бесплатно до трёх досок. Кому: тем кто работает с командой или рисует схемы и карты.

— Miro не нужен если есть FigJam и задачи не выходят за пределы одного проекта. Прикинь — это два инструмента которые делают одно и то же. Платить за оба сразу — не нужно.

Notion (или любой аналог для заметок)

Зачем: фиксировать результаты исследований, хранить инсайты, вести проектную документацию, шаблоны брифов.

Честно: это не инструмент для дизайна — для мышления. Без него данные теряются в чатах. Кому: всем у кого больше одного проекта одновременно.

— Хранить результаты исследований в голове — это не система. Это лотерея.

Google Формы (или Typeform — бесплатный тариф)

Зачем: быстрые опросы пользователей, сбор обратной связи, скрининг участников для интервью. Честно: для большинства задач хватает Google Форм. Бесплатно. Без регистрации участника. Кому: всем кто проводит хоть какие-то исследования.

— Платить за Typeform на старте — как покупать профессиональную кухню чтобы варить яйца.

Категория 2 — По задаче: берёшь когда нужно

UX-интервью: исследователь слушает, участник рассказывает. Пять таких разговоров заменяют целый стек дорогих инструментов
UX-интервью: исследователь слушает, участник рассказывает. Пять таких разговоров заменяют целый стек дорогих инструментов

Maze / Useberry

Зачем: незамодерированное юзабилити-тестирование — даёшь прототип, пользователь проходит сам, ты смотришь результаты. Честно: удобно когда участников много и нет времени на живые сессии. Но для большинства задач достаточно Zoom + запись экрана. Бесплатный тариф Maze сильно ограничен. Кому: командам с регулярным тестированием и бюджетом.

— Не покупай Maze чтобы провести один тест. Позвони пяти людям по видео — дешевле и информативнее. Зачем платить за Maze если можно позвонить по Zoom и попросить человека поделиться экраном?

Hotjar / Microsoft Clarity

Зачем: тепловые карты, записи сессий, понимать как пользователи ведут себя на реальном сайте. Честно: Microsoft Clarity — бесплатно и без ограничений. Hotjar — платный после базового лимита. Для большинства задач Clarity достаточен. Кому: тем кто работает с живыми сайтами и хочет видеть реальное поведение.

— Если сайт уже работает и ты не смотришь записи сессий — ты работаешь вслепую.

Optimal Workshop

Зачем: card sorting, tree testing — проверить навигацию и информационную архитектуру до того как всё нарисовал. Честно: нишевый инструмент для конкретной задачи. Нужен когда серьёзно занимаешься структурой большого сайта или приложения. Кому: дизайнерам на крупных проектах с реальным бюджетом на исследования.

— Большинству джунов этот инструмент не понадобится в первый год. И это нормально.

Loom

Зачем: записать экран с комментарием — объяснить правки клиенту, зафиксировать сессию тестирования, показать прототип асинхронно. Честно: бесплатный тариф достаточен для большинства задач. Заменяет половину созвонов. Кому: всем кто работает удалённо или с клиентами в других часовых поясах.

— Пятиминутный Loom вместо часового созвона — это не лень. Это уважение к времени.

Категория 3 — Хайп: модно, но подумай дважды

Сотни приложений — но для работы открыты только три-четыре. Хайп проходит, а инструменты остаются
Сотни приложений — но для работы открыты только три-четыре. Хайп проходит, а инструменты остаются

Sketch

Был стандартом до Figma. Сейчас — только если работаешь в команде которая на нём застряла. Для нового проекта выбирать Sketch в 2026-м — странное решение.

— Учить Sketch вместо Figma в 2026-м — как учить Flash в 2015-м.

Adobe XD

Adobe объявил об ограниченной поддержке. Инструмент фактически заморожен. Не трать время.

— Это не хейт Adobe. Это просто факт.

Framer / Webflow

Мощные инструменты на пересечении дизайна и разработки. Нужны если делаешь сайты которые сразу идут в продакшн без разработчика. Для большинства UX/UI-задач избыточны. Кому: дизайнерам которые хотят делать живые сайты самостоятельно. Не всем.

— Framer — не замена Figma. Это другой инструмент для другой задачи. Очередной инструмент «который убьёт Figma». Уже третий за год. Figma жива.

Инструменты с ИИ (для генерации дизайна)

Midjourney, Galileo AI, Uizard — полезны для быстрых концептов и вдохновения. Не заменяют понимание UX. Дизайн сгенерированный ИИ без понимания задачи — красивая картинка с нулевой пользой.

— ИИ не знает твоего пользователя. Ты — должен.

Стек джуна: с чего начать

Чистый старт: ноутбук, блокнот и кофе. Шесть инструментов достаточно, чтобы начать работать
Чистый старт: ноутбук, блокнот и кофе. Шесть инструментов достаточно, чтобы начать работать

Вот минимальный рабочий набор для старта — без лишнего:

1. Figma — основной инструмент для макетов и прототипов. Бесплатный тариф.

2. FigJam — для схем, флоу и брейнштормов. Встроен в Figma, ничего дополнительно платить.

3. Notion — для документации, заметок и исследовательских инсайтов. Бесплатный тариф.

4. Google Формы — для опросов пользователей. Бесплатно.

5. Zoom — для юзабилити-тестов и интервью. Записывай сессии. Бесплатно.

6. Loom — для асинхронной коммуникации с командой и клиентами. Бесплатный тариф.

Итого: шесть инструментов. Четыре из них — бесплатные полностью. Два — с достаточным бесплатным тарифом.

Если честно: это не бедность. Это достаточность. Профессиональный инструментарий не измеряется количеством подписок.

Как выбирать новый инструмент

Перед тем как скачать или оплатить новый инструмент — три вопроса:

1. Есть ли конкретная задача которую этот инструмент решает лучше того что уже есть? Если нет — не нужен.

2. Есть ли бесплатный тариф для проверки? Если нет — ищи альтернативу или жди пока задача станет регулярной.

3. Сколько времени уйдёт на освоение? Если больше чем экономия от использования — подожди.

Новый инструмент — это инвестиция времени. Убедись что она окупится раньше чем откроешь следующий обзор.

Инструменты не делают дизайнера

Вот смотри. Опытный дизайнер знает Figma хорошо. Но главное что его отличает от джуна — не Figma. Это понимание пользователя. Инструменты помогают это понимание воплотить. Без инструментов с пониманием — получаешь красивые картинки. С пониманием без инструментов — нечего не сделаешь. С обоими — работаешь.

В следующих материалах — разборы конкретных задач в Figma, как строить дизайн-систему с нуля и что смотреть в портфолио кроме экранов. Подписывайся если хочешь конкретику.

Лучший инструмент — тот который открыт. Не тот который установлен.