Плагины Скетча

В этой статье собраны плагины, которые облегчают проектирование интерфейсов в Скетче. Часть плагинов сделали сотрудники Контура.

Number Artboards

www.github.com/Chuckland/sketch-number-artboards

Плагин Антона Дорджеева для нумерации и упорядочивания артбордов. Позволяет пронумеровать артборды по вертикали или горизонтали в зависимости от того, как они расположены на странице. Полезно для того, чтобы просматривать экспортированные картинки в папке или measure-файле в нужном порядке, а не вразброс.

Modulizer

www.github.com/Falkeyn/Modulizer

Плагин Саши Храмцова для быстрого выставления отступов внутри объектов. Позволяет запомнить отступы, и восстановить их после изменения контента. Задать отступы можно с клавиатуры в окне плагина, или указать их в названии слоя. Контролы в общеконтуровской библиотеке уже готовы для работы с Модулайзером.

Set Text

www.github.com/Chuckland/Sketch-Set-Text

Еще один плагин Антона Дорджеева, позволяющий поменять текст в выделенных блоках на заданный или добавить новый текст к существующему.

Measure

www.github.com/utom/sketch-measure

Плагин для передачи макета разработчику. Генерирует HTML-страницу, на которой можно посмотреть размеры, отступы, CSS-стили всех объектов. Отличия от конкурентов:

  • Может избирательно экспортировать отдельные артборды или страницы.
  • Может сортировать артборды при экспорте в том порядке в котором они указаны в прототипе, в обратном порядке или по имени артборда.
  • «Видит» объекты внутри символов. Это преимущество, потому что ближайший бесплатный конкурент Marketch разучился смотреть свойства объектов внутри символов, после того, как в Скетче поменялся принцип их работы.

Rename It

www.github.com/rodi01/RenameIt

Позволяет переименовывать сразу несколько слоев. Поддерживает переименовывание по маске. Для чего это может быть полезно:

  • Вписать что-то после или перед именем слоя. Помогает, когда артборды нужно поместить в папку. Нужно написать название-папки/* (название папки, слэш, звездочка) и тогда при экспорте все такие артборды будут сложены в отдельную папку. Это полезно для больших прототипов, где на каждый раздел приходится много экранов или состояний.
  • Найти и переименовать текст в названиях слоев. Полезно, если нужно заменить все пробелы подчеркиваниями или исправить опечатку на большом количестве артбордов.

Find And Replace

www.github.com/mscodemonkey/Sketch-Find-And-Replace

Обычное «Найти и заменить» по текстовому слою. Интерфейс нельзя назвать интуитивным, но плагин делает то, для чего предназначен.

Disconnect

www.github.com/einancunlu/Disconnect-for-Sketch

Плагин позволяет быстро отвязать символы или стили от объектов. Удобно для безопасной трансплантации частей одного прототипа в другие. Если не хотите переносить символы и стили в другой прототип, или после трансплантации они случайно задублировались, отсоедините их в два клика.

Craft

www.invisionapp.com/craft

Плагин от Invision, упрощающий работу с данными и передачу прототипа разработчику. Лучше всего возможности показаны на промо-странице, вот самые важные:

  • Генерация заранее заложенных данных. Указывайте массив данных (ИНН, названия организаций, даты, почты, имена), а потом по одному клику вставляете их сразу в несколько текстовых полей или символов. Наиболее используемые данные, такие как русские имена, ИНН, КПП, названия организаций можно добавить из уже собранных текстовых файлов.
  • Генерация данных из веба. Кликаете на объекты на сайта, они сами подставляются в прототип. Работает с текстом и картинками.
  • Создание HTML-странички со всеми размерами и отступами для передачи разработчику, как у Measure. Минус в том, что страница генерируется только для загруженного в Invision прототипа и разместить её на стороннем ресурсе нельзя.

Как устанавливать плагины

Дважды кликните на файл с расширением .sketchplugin. Более удобный инструмент для работы с плагинами — менеджер Sketch Toolbox

Он поддерживает только плагины, размещенные на официальной странице плагинов, поэтому некоторых там не найти, например, Number Artboards, Craft или Set Text.

В Тулбоксе удобно искать, устанавливать и удалять плагины. Плюс есть краткое описание и ссылка на гитхаб.