Как экспортировать экраны Adobe XD CC в Sympli


Какое-то время дизайнеры могли экспортировать в Sympli, экраны из Sketch и Photoshop, но мы рады сообщить, что теперь вы можете экспортировать экраны из Adobe XD CC. Adobe XD — это новейшее флагманское приложение Adobe для разработки пользовательских интерфейсов, которое не только служит альтернативой Sketch для macOS, но также работает для Windows, где Sketch не работает. Дизайнерам, использующим Windows, больше не приходится полагаться на Photoshop для UI дизайна.

В течение нескольких месяцев команда Sympli тесно сотрудничает с командой Adobe XD, чтобы напрямую интегрировать Sympli с Adobe XD, позволяя экспортировать ваши экраны в Sympli для совместной работы, аннотации, передачи обслуживания и оптимизации процесса разработки цифрового продукта.

Давайте посмотрим, как в действительности работает экспорт экранов из Adobe XD.

Загрузите приложение Sympli для Adobe XD CC

Во-первых, вам нужно скачать, а затем открыть приложение Sympli для Adobe XD CC. Также, вам понадобится открыть Adobe XD, и конечно же, несколько монтажных областей подготовленных к синхронизации с Sympli. Убедитесь, что вы вошли в приложение Sympli для Adobe XD CC со своими учетными данными Sympli.

Загрузите приложение Sympli для Adobe XD CC​

Если у вас уже установлено приложение Adobe XD и приложение Sympli для Adobe XD CC, также вы можете получить доступ к Sympli непосредственно из Adobe XD в разделе File>Export>Sympli, или нажав alt+cmd+E.

Маркировка ресурсов для экспорта

В Adobe XD вам нужно будет пометить ресурсы, которые вы хотите экспортировать, как доступные для пакетного экспорта. Для этого нажмите иконку Export рядом с каждым ресурсом, который вы хотите экспортировать в Sympli.

Маркировка ресурсов для экспорта​

Синхронизация монтажных областей с Sympli

Теперь вы готовы синхронизировать монтажных области с Sympli.

Для этого выберите монтажные области, которые вы хотите загрузить в Sympli, и нажмите кнопку “Resync” в приложении Sympli для Adobe XD CC, затем “Upload artboard to Sympli”.

Синхронизация монтажных областей с Sympli​

Либо выберите из списка существующих проектов Sympli, или нажмите “Create New Project”.

Если вы создаёте новый проект, определите его название, платформу, разрешение и является ли этот проект личным или проектом компании. Если вы используете шаблоны монтажны области из комплекта XD, то выберите @1x или mdpi в качестве разрешения. Если вы используете другой размер для своих монтажных областей, ознакомьтесь со статьей о том, как выбрать правильное разрешение.

Синхронизация монтажных областей с Sympli​

Нажмите “Create”, когда закончите, и это действительно всё. Если вы перейдёте со Sketch на Adobe XD, то вы найдете весь рабочий процесс блаженно знакомым.

VIA