Нарезка иконок с помощью Coffee-Slice для Sketch
Наш канал в

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

https://github.com/KivyGogh/Coffee-Slice.git

Coffee-Slice

Установка Coffee-Slice

Скачайте архив с плагином.

Разархивируйте папку с плагином в Finder (‘Sketch App Menu’ -> ‘Plugins’ -> ‘Manage Plugins…’ -> ‘Gear Icon’ -> ‘Show Plugins Folder’).

Двойной клик на файле Coffee Slice.sketchplugin.

Использование Coffee-Slice

Выберите иконку, которую вы хотите “нарезать”

Coffee-Slice нарезка

Выбор нарезки

Кликните “Coffee Slice” или используйте сочетание клавиш: ⌃ + ⇧ + K

Задайте количество размеров иконок в видимой области

Coffee-Slice количество иконок

Ваша нарезка готова

Иконка будет дублироваться в новой рабочей области в заданных ранее размерах. Слой будет находится вверху рабочей области, просто используйте обычный экспорт в Sketch!

Coffee-Slice иконки

Отзывы

Если вы обнаружили ошибку или у вас есть предложения по улучшению плагина, оставьте отзыв или напишите мне: qiwei.gao@studenti.polito.it

Лицензия

Лицензия MIT

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5