Работать в Sketch легко. Многие знают, как использовать базовые функции. Но не все работают с плагинами, которые расширяют возможности программы. Я расскажу о 7 полезных дополнениях, которые помогают оптимизировать трудозатраты и автоматизировать некоторые задачи.


Небольшой хинт: большинство плагинов, про которые идет речь, доступны в Sketch Toolbox. Это отдельная небольшая программа с поиском и возможностью быстрого удаления/установки плагинов.



1. Sketch export assets


Начнем с экспорта иконок. Sketch обладает неплохим инструментом для экспорта, но размер (1x, 2x, 3x) в нём нужно настраивать дополнительно, что каждый раз отнимает время. Этот плагин нужен, чтобы за пару кликов выгрузить иконки с группировкой по плотности экрана и с нужным названием папок.







2. Craft by Invision


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






3. Runner


Это как Spotlight, но для Sketch. Он ищет артборды, объекты и команды программы по названию. Запускает плагины, создает файлы и применяет стили.






4. RenameIt


Плагин, который позволяет переименовывать несколько объектов одновременно. Это могут быть иконки, символы, артборды. Чтобы название не было одним и тем же для всех файлов, можно добавить статический префикс (например, название объекта) и динамический (например, 1,2,3 / A,B,C).
А также есть функция поиска и замены символов в названиях.


image
image




5. Sketch Measure


Генерация спецификации для разработчиков в один клик. Помимо спецификации с размерами, цветами и стилями элементов там есть функционал нарезки иконок, если они заранее будут отмечены как «make exportable».


Демо — http://utom.design/news


image



6. Sketch Focus


Комментирование и запись задач непосредственно в Sketch упрощает поиск нужного артборда и экономит время для перехода из программы в программу.






7. Sketch-Quick-Presentation


Автоматизации создания презентации макетов / карты экранов. Нужно просто выделить артборды в списке, выбрать плагин и нажать сгенерировать с заголовками или без (заголовки будут взяты из названия артборда).


image


Я использую эти плагины почти каждый день. И они помогают с организацией правильного workflow и влияют на скорость работы в Sketch.
Если вы знаете ещё какие-то интересные плагины, пишите в комментариях.

Поделиться с друзьями
-->

Комментарии (9)


  1. HabraBabra
    08.11.2016 17:00
    -1

    ТРЕБУЮ УДАЛИТЬ ААКАУНТ!!!
    ХВАТИТ ЭТО ТЕРПЕТЬ!!! ОТПРАВИЛ 5 ПИСЕМ В ПОДДЕРЖКУ — НОЛЬ ВНИМАНИЯ!!!
    УДАЛЯЙТЕ АК НЕМЕДЛЕНО!


    1. engune
      08.11.2016 17:39

      Свой хотите или автора?


  1. terrakok
    08.11.2016 17:08

    А что конкретно вас так взволновало?


  1. MagiC
    09.11.2016 09:53

    Пользуемся Zeplin вместо Measure.


  1. Apetrus
    09.11.2016 23:37

    А нет ли плагина, который добавит объектам custom properties, которые экспортировались бы потом в SVG(XML)?
    Просто использую Sketch для дизайна игровых уровней и сейчас все кастомные свойства приходится лепить в имя...


    1. ilyasgaifullin
      10.11.2016 01:19
      +1

      Такой плагин не видел.
      Можно попробовать кастомизировать настройки плагина svgo-compressor, они выглядят вот так https://monosnap.com/file/hC2YZrQeBuxMTKKPLi0hYrz0IlFZqX


      В командах плагина есть addAttributesToSVGElement, но он будет добавлять атрибуты и для всех последующих экспортируемых элементов


      Вроде, это единственный плагин, который меняет что-то в коде при экспорте SVG.


  1. ByRon
    09.11.2016 23:50

    Пользуясь случаем хочу спросить у знающих, как копировать код SVG без привязки к расположению иконки, а чтоб копировались просто ее размеры и вьюпорт? А то приходится код сохранять в иконку, открывать в стороннем редакторе, изменять размеры вьюпорта и пересохранять… есть в нем какие-то настройки сбрасывающие положение иконки в дизайне к её истинным размерам?


    1. ilyasgaifullin
      10.11.2016 00:17
      +1

      Вот этот плагин может svgo-compressor.
      Код иконки до/после https://monosnap.com/file/NZocRVIcuKLH3DUdxvyUsfXcpObtN1


      1. ByRon
        10.11.2016 00:57

        Попробую, уже по коду вижу что это то что нужно! Спасибо!