Коротко
Adobe XD находится в режиме поддержки: Adobe исправляет ошибки и проблемы безопасности, но не выпускает новых функций, а новые продажи в России компания остановила 4 марта 2022 года. Заменить XD можно редактором Morfa: он работает в браузере, на русском, с компонентами, автолейаутом, прототипами и совместной правкой.
Файлы .xd Morfa не открывает. Экраны переносят через SVG: экспортируйте их из XD и перетащите на холст — они станут слоями, а компоненты и связи прототипа придётся собрать заново.
Что сейчас с Adobe XD
Adobe XD — редактор интерфейсов и прототипов от Adobe. Сейчас он в режиме поддержки, и в частых вопросах об XD Adobe прямо объясняет, что это значит:
Adobe XD continues to be in maintenance mode. This means that we’re not investing in ongoing development or shipping new features within the product.
Иначе говоря, новых функций не будет, но Adobe продолжает исправлять ошибки и проблемы безопасности для тех, у кого XD уже есть. Даты окончания поддержки нет: Adobe обещает объявить её заранее, со значительным сроком предупреждения. Старые файлы пока открываются, но начинать в XD новые проекты рискованно.
Adobe XD в России
4 марта 2022 года Adobe написала в своём блоге, что с этого момента останавливает все новые продажи своих продуктов и сервисов в России. По данным Skillbox Media, уже оплаченные подписки действовали до конца срока, но продлить их было нельзя. По данным Rozetked, позже Adobe снова открыла скачивание программ для российских адресов, но оформить лицензию было по-прежнему нельзя.
Получается двойное ограничение: продажи в России остановлены, а сама программа больше не развивается. Если команда ещё работает в XD, самое время выгрузить экраны в SVG и PDF и выбрать, куда переезжать.
Чем заменить Adobe XD
Замена XD должна закрывать те же задачи: экраны нужных размеров, повторяющиеся элементы, отступы, кликабельный прототип и передачу разработчику. Сравнение всех редакторов, доступных в России, — на странице аналоги Figma. Вот где эти задачи решаются в Morfa:
| Задача | Где в Morfa | Клавиша |
|---|---|---|
| Экран нужного размера | «Фрейм»: 27 готовых размеров в 7 группах, от iPhone 16 до A4 | F |
| Повторяющийся элемент | «Создать компонент», затем варианты и свойства | ⌥⌘K |
| Отступы и адаптивность | «Добавить автолейаут»: направление, интервалы, «Обтянуть» и «Заполнить» | ⇧A |
| Темы и токены | Переменные с режимами, например светлая и тёмная тема | — |
| Кликабельный прототип | Вкладка «Прототип», плеер — «Запустить прототип» | ⌥⌘↵ |
| Передача разработчику | Режим «Код»: размеры, CSS, React-компонент | ⇧D |
| Выгрузка ресурсов | «Экспорт…»: PNG, JPG, WEBP, SVG и PDF | ⇧⌘E |
На Windows и Linux вместо ⌘ нажимается Ctrl, а клавиши работают и на русской раскладке. Полный список — в горячих клавишах.
Как перенести макеты из Adobe XD
Импорта файлов XD в Morfa нет. Рабочий путь — SVG: XD экспортирует артборды и объекты в SVG, а Morfa превращает вставленный или перетащенный SVG в редактируемые слои.
Отметьте экраны в XD
Выделите артборды или объекты. Для пакетного экспорта включите у них Mark for Export в инспекторе свойств.
Экспортируйте в SVG
На Mac — File → Export или ⌘E, на Windows — File → Export. Формат — SVG.
Создайте файл в Morfa
В файловом менеджере нажмите «Новый файл» или «Начать с шаблона».
Перетащите SVG на холст
Файл до 2 МБ станет слоями, а не картинкой. SVG-код можно и просто вставить (⌘V). Как править контуры — на странице векторный редактор.
Пересоберите структуру
Оберните экран во фрейм (⌥⌘G), превратите повторяющиеся элементы в компоненты, добавьте автолейаут и стили, затем свяжите экраны во вкладке «Прототип».
Экспорт в PNG пригодится как образец: картинку экрана можно положить на холст рядом и пересобирать макет по ней. PDF из XD удобен как архив для заказчика, но открыть его в Morfa как макет нельзя.
Что вы получите в Morfa после XD
Всё это есть на плане «Бесплатный»: он ограничивает только объём — 10 файлов, место под картинки и срок истории версий.
- Интерфейс на русском и горячие клавиши как в Figma.
- Компоненты с вариантами и свойствами «Вариант», «Логическое», «Текст» и «Замена экземпляра».
- Автолейаут с переносом строк, минимальными и максимальными размерами и «Абсолютным положением».
- Прототипы с 10 триггерами, оверлеями, «Умной анимацией» и плеером с рамками устройств.
- Совместная правка, комментарии к фреймам и история версий.
- Экспорт в PNG, JPG и WEBP в масштабе от 0,01× до 32×, а также в SVG и векторный PDF до 50 страниц.
- Вкладка «Код» и выгрузка проекта React + TypeScript для разработчика.
Когда можно не спешить, а когда переходить
Если XD у вас установлен, а проект скоро закончится, спешить не обязательно: файлы открываются, Adobe исправляет ошибки и обещает заранее предупредить о конце поддержки. Новые проекты лучше начинать там, где программа развивается и её можно оплатить из России.
Остаться на XD можно, если
- проект доживает последние недели и менять инструмент дороже, чем доделать;
- у вас действующая подписка и нет новых задач;
- нужно только открывать старые файлы и выгружать из них ресурсы.
Переходить на Morfa стоит, если
- начинается новый проект или редизайн;
- в команде несколько человек и нужна совместная правка;
- разработчику нужен код и токены;
- важны оплата в рублях и русский интерфейс.