Adobe XD

О начале разработки нового инструмента для дизайна и прототипирования интерфейсов под рабочим названием «Project Comet» компания Adobe впервые объявила на ежегодной конференции Adobe MAX в октябре 2015 года. Продукт, создававшийся командой разработчиков^[5], стал ответом на растущую популярность программы Sketch, ориентированной на UX- и UI-дизайн и выпущенной в 2010 году^[6].

Первая публичная бета-версия вышла для macOS под названием «Adobe Experience Design CC» в марте 2016 года и была доступна для всех пользователей с аккаунтом Adobe. В декабре этого же года была опубликована бета-версия для Windows 10^[7]. В октябре 2017 года на Adobe MAX компания объявила о выходе Adobe XD из статуса бета^[8].

15 сентября 2022 года компания Adobe объявила о заключении сделки по приобретению конкурирующего продукта Figma и одноимённой компании-разработчика за сумму около 20 миллиардов долларов^[9]. В мае 2023 года в ходе продолжающейся сделки было объявлено о прекращении продаж Adobe XD как отдельного приложения^[10]. 27 июля 2023 года вышла версия программы 57.1.12^[11]. В декабре того же года компании Figma и Adobe совместно сообщили о расторжении сделки по слиянию^[12]. После неудачной попытки слияния Adobe объявила, что не будет развивать Adobe XD в будущем^[13]. В декабре 2025 года вышла версия 60.0.12^[14].

Adobe XD написан с использованием нескольких языков программирования. Пользовательский интерфейс и платформа для плагинов UXP (Unified Extensibility Platform) созданы с использованием JavaScript^[15][16]. Предположительно, ядро программы, отвечающее за рендеринг, написано на C++, а для нативной интеграции с операционными системами Apple используются языки Swift и Objective-C^[15].

Программа доступна для следующих настольных платформ^[17]:

• Windows: 64-разрядные версии Windows 10 (версии 21H2, 22H2) и Windows 11 (версия 21H2 и новее).
• macOS: macOS 10.15 или более новая версия. Начиная с версии 42, Adobe XD имеет встроенную поддержку компьютеров Mac с процессорами Apple silicon^[18].

Интерфейс Adobe XD официально поддерживает английский, французский, немецкий, японский, корейский, китайский (упрощённый), бразильский португальский и испанский языки^[19][20]. Русский и итальянский языки не поддерживаются^[21].

Исходный код Adobe XD является закрытым, так как программа представляет собой проприетарное программное обеспечение. Компания Adobe поддерживает публичный репозиторий на GitHub, который содержит документацию по API, примеры кода и инструменты для разработки плагинов, но не исходный код самого приложения^[22][23].

Adobe XD отличается возможностями создания прототипов с богатыми интерактивными элементами и анимацией, что позволяет симулировать реальную среду пользователя. Приложение может работать и без интернет-соединения^[24]. Программа построена на проприетарном векторном движке, который обеспечивает масштабируемость графики без потери качества^[25][26].

Программа обладает графическим пользовательским интерфейсом (GUI), который разделён на три основных режима работы: «Дизайн» для создания визуальных макетов, «Прототип» для настройки интерактивных связей и «Совместный доступ» для отправки прототипов на рецензирование^[27].

В программе реализован широкий набор инструментов для векторного дизайна, включая создания фигур, текста и использования пера. Пользователь может создавать и редактировать такие элементы интерфейса, как логотипы, кнопки и повторно использовать их в проектах. Кроме того, функция управления цветами, стилями текста и компонентами с возможностью хранения в библиотеках поддерживается программой^[28][29].

Для задач, где требуется многократное копирование содержимого, Adobe XD предлагает функцию создания сетки повторяющихся элементов. Это позволяет быстро формировать списки, карточки и другие элементы макета; изменения в одном фрагменте сразу отображаются во всей группе^[1].

Данная функция автоматически масштабирует элементы макета для различных устройств (мобильных и настольных), сохраняя визуальную цельность дизайна^[28].

Adobe XD позволяет создавать активные прототипы с интерактивными переходами и анимациями, максимально точно имитируя пользовательский опыт. Это помогает тестировать функциональность будущих продуктов и собирать обратную связь от заинтересованных лиц. Такие прототипы можно просматривать на поддерживаемых мобильных устройствах^[28][30].

Adobe XD интегрирован с экосистемой Adobe Creative Cloud, что упрощает совместную работу с Photoshop, Illustrator и другими приложениями Adobe^[31]. Это обеспечивает лёгкий обмен файлами между программами. Помимо интеграции с Creative Cloud, возможна работа с внешними сервисами, такими как Slack или Microsoft Teams^[32][33]. Для дополнительной безопасности возможно требование пароля при отправке прототипов^[34].

Программа обеспечивает импорт файлов из других приложений для дизайна. Проекты из Photoshop (PSD) и Illustrator (AI) могут быть открыты напрямую, конвертируясь в редактируемый формат XD; также поддерживается импорт файлов из Sketch^[35]. Помимо этого, XD может импортировать растровые изображения (JPG, PNG, GIF, BMP, TIFF), векторную графику SVG и текстовые файлы (TXT)^[36]. Отдельные элементы дизайна или целые монтажные области можно экспортировать в несколько форматов: PNG (для графики с прозрачностью), SVG (для масштабируемой векторной графики), JPG и PDF^[37].

Программа поддерживает плагины как собственного производства, так и сторонних разработчиков, что расширяет её функциональность (автоматизация, дизайн, анимация, интеграция с внешними инструментами и сервисами)^[38].

Хотя приложение активно не развивается, Adobe продолжает публиковать обучающие статьи и видеоролики на своём сайте^[39].

Это подробное руководство охватывает как основные, так и продвинутые функции программы. В нём публикуются советы и инструкции по эффективному проектированию интерфейсов, созданию прототипов, работе с компонентами и другим важным аспектам дизайна^[40]. Кроме того, на сайте доступна подборка коротких уроков и обучающих материалов, сгруппированных по тематикам^[41].

Платформа Behance содержит записи прямых эфиров, включая онлайн-мастер-классы, обучающие уроки и демонстрации работы от профессиональных дизайнеров для различных приложений Adobe, в том числе Adobe XD, Photoshop и Illustrator^[42].