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

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

Number Artboards

github.com/Chuckland/sketch-number-artboards

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

Modulizer

github.com/Falkeyn/Modulizer

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

Set Text

github.com/Chuckland/Sketch-Set-Text

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

Measure

github.com/utom/sketch-measure

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

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

Rename It

github.com/rodi01/RenameIt

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

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

Find And Replace

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

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

Disconnect

github.com/einancunlu/Disconnect-for-Sketch

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

Craft

www.invisionapp.com/craft

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

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

Typograph

github.com/dezonik/Typograph

Плагин помогает подготовить текст для публикации. Что он умеет:

  • Убирает висящие союзы.
  • Объедняет число и единицу измерения неразрывным пробелом.
  • Делает правильные кавычки «снаружи и „внутри“ предложения» вместо программистских «"», “also in ‘english’ language”.
  • Убирает лишние пробелы, табы, энтеры, точки, запятые и прочий хлам, но многоточие оставляет.
  • Из (с) делает ©, ®, ™, -- превращает в — , -> трансформирует в →, из != 5 делает ≠ 5, мм3 превращает в мм³, а 150 р. — в 150 ₽.
  • Приводит телефоны к формату +7 495 123–45–67 и делает цифровые тире.
  • Делит числа на разряды полупробелом, начиная с пятизначных.
  • Отбивает пробелом 100 % или 50 €, а в английском написании пробел убирает — $200.

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

Чтобы установить плагин, дважды кликните на файл с расширением .sketchplugin. После установки Скетч будет следить за обновлениями плагинов, и уведомлять о них.