Интеграция Zeplin ↔ Adobe XD CC, теперь на Windows!

Около 6 месяцев назад мы запустили новую интеграцию Adobe XD CC от Zeplin. С тех пор сотни тысяч проектов были экспортированы из Adobe XD в Zeplin. Мы продолжали совершенствовать интеграцию, добавляя такие функции, как экспорт ссылок прототипирования и сеток.

 

На момент запуска, интеграция была доступна только на macOS, но мы получали тонны запросов от пользователей Windows. Сегодня мы очень рады объявить, что теперь вы можете экспортировать свои проекты Adobe XD на Windows в Zeplin.

Начало работы

Экспорт проектов не может быть проще, он работает точно так же, как и на macOS. Если на вашем ПК установлены как Adobe XD CC, так и Zeplin, вы увидите новый пункт меню в Adobe XD.

☝️ Убедитесь, что вы используете последнюю версию Adobe XD и Zeplin. Если вы новичок, двигайтесь вперёд и зарегистрируйтесь, чтобы начать.

Интеграция Zeplin ↔ Adobe XD CC, теперь на Windows! - Начало работы

Просто выберите монтажные области, которые хотите экспортировать, щелкните меню в левом верхнем углу и выберите “Export > Zeplin”.

☝️ Профессиональный совет: Вместо выбора самой монтажной области, вы также можете выбрать любой слой внутри этой монтажной области.

Горячие клавиши для последней используемой опции экспорта — Ctrl + Alt + E. В следующий раз, когда вы захотите экспортировать проекты в Zeplin, вы можете использовать эти горячие клавиши, взамен прочего.

Интеграция Zeplin ↔ Adobe XD CC, теперь на Windows! - Горячие клавиши

Выбрав пункт меню, или нажав горячие клавиши, запустится Zeplin. Нажмите мигающую иконку на панели задач, чтобы перенестись в Zeplin и выберите проект, который вы хотите экспортировать.

Когда процесс будет завершен, проекты будут готовы к передаче обслуживания в Zeplin, вместе со всеми спецификациями, ресурсами, сетками и фрагментами кода, которые разработчики могут использовать. Если вы создали ссылки на прототипы в Adobe XD, вы также сможете просматривать эти ссылки на экране, удерживая клавишу Shift.

Настройка ресурсов

Zeplin автоматически экспортирует ресурсы в качестве изображений, созданных из слоёв в Adobe XD, которые отмечены для экспорта. Чтобы отметить слой для экспорта в Adobe XD, откройте панель Layers, наведите указатель мыши на слой и щёлкните по иконке экспорта.

Интеграция Zeplin ↔ Adobe XD CC, теперь на Windows! - Настройка ресурсов

Вам даже не нужно думать о том, в каких размерах вы должны экспортировать слои, Zeplin автоматически присвоит всем необходимым изображениям, различные масштабы и форматы, адаптированные к платформе, под которую вы разрабатываете: Web, iOS, Android или macOS. Просто нажмите на слой внутри Zeplin, и он перечислит все эти ресурсы разработчикам.

VIA