Что это простыми словами
Adobe XD — это программа для рисования того, как будет выглядеть сайт или приложение, ещё до того, как программисты начнут его делать.
Аналогия: это как чертёж для дома. Архитектор рисует, где будут комнаты, окна, двери — и все сразу видят, как дом будет выглядеть. Так же и дизайнер в Adobe XD рисует кнопки, меню, экраны — чтобы команда и заказчик могли посмотреть и сказать «да, делаем так» или «нет, давай по-другому». Такой рисунок называют «макет».
Adobe XD выпустила компания Adobe — та самая, что делает Photoshop. После покупки Figma компания прекратила активное развитие XD и рекомендует пользователям переходить на Figma, но сама программа по-прежнему работает, и многие проекты на ней держатся.
Официальное определение
Теперь, когда суть понятна, вот как Adobe XD описывают в вакансиях и документации. Эту формулировку вы встретите в требованиях к UX/UI дизайнерам.
«Adobe XD — векторный инструмент для проектирования пользовательских интерфейсов и создания интерактивных прототипов веб-сайтов и мобильных приложений».
Разберём по словам. «Векторный» — значит, что картинку можно растягивать без потери качества, это важно для дизайна. «Пользовательский интерфейс» — то, что человек видит на экране: кнопки, меню, формы. «Прототип» — рабочая модель будущего приложения: можно кликать по кнопкам и посмотреть, как всё будет работать, хотя это ещё не настоящая программа. «Интерактивный» — значит, что с прототипом можно взаимодействовать, как с почти готовым приложением.
Какую задачу решает
Прежде чем программисты начнут писать код, нужно договориться, как именно будет выглядеть сайт или приложение: где кнопка, какого цвета фон, как переходить между экранами. Если начать сразу программировать, а потом окажется, что заказчику не нравится — придётся переделывать, а это дорого.
Adobe XD позволяет сначала нарисовать всё в программе, показать заказчику, внести правки за пару минут — и только потом отдать программистам уже готовый, согласованный дизайн. Ещё в нём можно сделать кликабельный прототип: человек жмёт на кнопку в макете, и его «переносит» на следующий экран — так все сразу видят, удобно ли пользоваться.
Кто им пользуется
Adobe XD — инструмент для дизайна, он не привязан ни к какому языку программирования. Им пользуются:
UX/UI дизайнер — основной пользователь. Рисует интерфейсы и прототипы, это его повседневная работа.
Продуктовый дизайнер — проектирует пользовательский опыт целиком, от идеи до реализации.
Веб-дизайнер — реже, но тоже может использовать для макетов сайтов.
Программисты Adobe XD не используют — они получают от дизайнеров готовые макеты и по ним пишут код.
Аналоги / чем заменяется
Adobe XD решает ту же задачу, что и другие инструменты дизайна интерфейсов:
Figma — сейчас доминирует на рынке. Работает в браузере, удобна для командной работы. Adobe купила Figma и рекомендует переходить на неё с XD.
Sketch — был популярен до Figma, работает только на macOS.
InVision Studio — ещё один инструмент для прототипирования.
Переход между ними несложный: дизайнер, который умеет работать в Adobe XD, освоит Figma за пару недель. Логика везде одна — рисуешь элементы интерфейса и связываешь их переходами, отличается интерфейс программы.
Что не путать
Adobe XD ≠ Photoshop. Photoshop — для обработки фотографий и сложной графики, а XD заточен именно под дизайн интерфейсов и прототипирование. В Photoshop можно нарисовать красивую картинку, но сделать кликабельный прототип неудобно.
Adobe XD ≠ язык программирования. Это программа для дизайна, код она не пишет. Программисты потом сами пишут код по тому, что нарисовал дизайнер.
Дизайнер ≠ разработчик. Дизайнер рисует, как будет выглядеть, а разработчик пишет код, чтобы оно реально заработало. Это разные специальности, хоть и работают вместе.
Прототип ≠ готовое приложение. Прототип выглядит как приложение и даже кликается, но это всего лишь картинки, связанные переходами. Настоящий код там ещё не написан.
Насколько это важно при отборе
Короткий ответ: требовать именно Adobe XD в вакансии сейчас часто не имеет смысла.
Индустрия переходит на Figma — это заметно и по вакансиям, и по тому, что сама Adobe прекратила активное развитие XD. Если дизайнер умеет работать в Figma или Sketch, он освоит Adobe XD за пару недель: инструменты разные, а принципы одни. Отсеивать сильного дизайнера только потому, что у него в резюме Figma вместо XD, — ошибка.
Когда стоит обратить внимание именно на Adobe XD:
Если в компании большая база существующих проектов в XD и нужен человек, который сразу начнёт с ними работать без адаптации.
Если ищете на короткий проект, где нет времени на освоение инструмента.
В остальных случаях важнее смотреть на портфолио и на то, умеет ли человек вообще проектировать интерфейсы, а не на конкретную программу. Дизайнер с сильным портфолио и опытом Figma ценнее, чем слабый дизайнер с опытом XD.
Это общий ориентир. В разных компаниях требования отличаются, поэтому всегда сверяйтесь с текстом конкретной вакансии.