Настройка шаблонов экспорта в Скетче

Раньше нарезанную графику для андроида сохранял с помощью специального плагина для Скетча. Даже хотел написать свой, чтобы сделать процесс ещё проще.

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

Шаблоны находятся в Sketch → Preferences → Presets:
Добавление шаблонов в Скетче

Добавил четыре шаблона:

  1. Экраны для айфона рисуем в 2x, поэтому при экспорте надо уменьшать и сохранять в .pdf
  2. Текущие проекты для андроида рисуются в XHDPI, но иногда необходимо экспортировать относительно других размеров. Относительно HDPI ещё не приходилось экспортировать, поэтому его нет в списке. Иконки для андроида храним в соответствующих разрешению папках: drawable-mdpi/drawable-hdpi/drawable-xhdpi/ и drawable-xxhdpi/

Шаблоны экспорта в СкетчеНастройки для шаблонов экспорта в Скетче

Кристал — просмотр дизайна на Андроиде

Нашёл для Андроида приложение, которое позволяет просматривать макеты из Скетча.

Устанавливаем вспомогательное приложение на макОС, которое «подружит» Скетч и Кристал на Андроиде. После запуска приложения, в строке меню появится иконка «С»:

Кристал в строке меню на макОС

Следующий шаг — установить приложение на Андроид. Находим в Плей маркете Кристал, устанавливаем и запускаем:

3 шага запуска Кристалла на Андроиде

Для авторизации устройства подключаемся к Маку через usb-кабель или по вай-фаю и разрешаем приложению доступ к Скетчу в иконке «Mirror»:

Подключение в Скетч

Готово. Теперь можно просматривать дизайн мобильного приложения из Скетча, даже если у вас Андроид.

Приятной работы!