Плагины, ресурсы и бесплатные элементы для расширения функциональности Sketch
Редакция Tuts+ стремится предоставлять своим читателям самые полезные материалы. Мы всегда прислушиваемся к мнению пользователей. И нам известно, что сейчас приложение Sketch является «горячей темой». Недавно мы уже опубликовали статью 9 функций Sketch, которые вы должны попробовать и Sketch для начинающих: рисуем интерфейс формы входа.Но мы стремимся к большему. Поэтому в этой статье решили собрать информацию обо всех полезных ресурсах для Sketch
Первая остановка
Прежде чем мы двинемся дальше, хочу показать вам несколько сайтов, которые помогут вам быть в курсе всего, что просходит в сообществе (довольно активном) пользователей Sketch:
- Домашняя страница Bohemian Coding Sketch: первый пункт
- Блог Bohemian Coding: обновления и новости о Sketch и других продуктах Bohemian Coding.
- Новости Sketch: Официальная новостная рассылка Sketch. Выходит один раз в две недели!
- @Sketchapp: Следите за сотрудниками Bohemian в Twitter
- Официальная страница Sketch на Facebook и официальная группа. Делитесь советами и ресурсами с другими пользователями Sketch.
Плагины
Для добавления нового функционала в Sketch достаточно просто установить плагин. Ниже список плагинов, которые кажутся мне наиболее полезными.
Для установки плагина достаточно просто два раза кликнуть на файле с расширением .sketchplugin. Более подробно о процессе установки можно почитать здесь.
Совет: Также можно воспользоваться приложением Sketch Toolbox. Это простой и удобный менеджер плагинов для Sketch. С его помощью установка и поиск новых плагинов станут проще (требуется минимум OSX 10.9).
Sketch CommandsОчень долго я был активным пользователем Adobe Fireworks. И расширение Orange Commands (автор Ale Muñoz) очень сильно облегчало жизнь.
Ale потрясающий парень, и он вносит большой вклад в сообщество Sketch! Вот простой пример: Sketch Commands — порт знаменитого расширения Orange Commands. С помощью Sketch Commands вы можете автоматизировать множество процессов: экспорт, изменение размеров, копирование контента и т.д.
Style Inventory для SketchВ дополнение к Sketch Commands обязательно установите Style Inventory для Sketch. Style Inventory сопоставляет информацию обо всех использованных вами стилях (например, цвета) и помогает использовать их, чтобы сохранить стилевое однообразие.
Color swatch inventory
Sketch MeasureSketch Measure позволяет добавлять на холст информацию о размерах и других свойствах объектов.
Этот плагин особенно полезен если вы передаёте файлы другим специалистам для дальнейшей работы.
Sketch-slicyВы слышали о плагине Slicy для PSD файлов? Этот плагин делает то же самое: переименовывает слои и экспортирует каждый в отдельный файл. Загрузить Sketch-slicy можно из официального репозитория. Автор плагина также рекомендует Sketchflow в качестве альтернативы. А если вам нужна другая очень хорошая альтернатива, то попробуйте Sketch Generator.
Sketch Icon Stamper PluginSketch Icon Stamper Plugin позволяет автоматизировать процесс создания иконок различных размеров. Отличный плагин, особенно учитывая сколько различных вариантов фавиконов необходимо сегодня.
Dynamic Button для SketchСамая большая проблема при использовании Photoshop для создания пользовательских интерфейсов — это отсутствие гибкости. Это одна из главных причин, по которой дизайнеры переходят, например, на Sketch.
Dynamic Button для Sketch позволит нам создавать кнопки, которые будут автоматически подстраиваться под размер текста в них. Не очень понятно? Посмотрите видео.
Day PlayerDay Player добавляет возможность использования различных генераторов временных изображений. Например: PlaceCage или (мой фаворит) Fill Murray.
Совет: Не забудьте о Sketch Plugin Directory. Здесь вы найдёте актуальный список плагинов Sketch на GitHub. Это уже очень большой список, в котором вы наверняка найдёте много полезного для себя!
Ресурсы и бесплатные элементы
Если вы ищете бесплатные элементы и шаблоны, то вам повезло! Вот список сайтов, посвящённых Sketch.
Sketch App SourcesОбязательно занесите в закладки. Sketch App Sources предлагает большое количество файлов для загрузки, а также обучающие материалы, статьи, ссылки на плагины и многое другое.
DribbbleЭтот ресурс не посвящён конкретно Sketch. Но если вы ищете бесплатные элементы, посетите Dribbble и воспользуйтесь поиском с тегами «sketch» и «freebie». Вы будете удивлены результатом.
Вы даже можете найти пользователей, указавших Sketch в списке своих навыков.
Sketch TricksИнформация о Sketch прямо в вашем почтовом ящике. Дважды в месяц. Интересно? Sketch Tricks
Sketch CastsВозможно вам нужно что-то особенное. Как насчёт регулярных скринкастов с советами и хитростями по использованию Sketch?
Загляните сюда: Sketch Casts. Еженедельный скринкаст о Sketch.
SketchpluginsЭтот ресурс больше подойдёт опытным пользователям и разработчикам.
Sketchplugins это список рассылки, созданный Ale Muñoz для обмена информацией о разработке плагинов для Sketch. Как знать, вдруг вы напишете свой плагин?
Design+CodeDesign+Code не посвящён исключительно Sketch, но здесь вы найдёте отличный обучающий материал от Meng To. Он раскрывает множество тем, а также наглядно показывает как он использует Sketch в ежедневной работе.
Sketch ShortcutsSketch Shortcuts; все комбинации клавиш для Sketch.
Что, хотите ещё.
Если вы дошли до этого места и вам до сих пор мало, то взгляните на статьи и обучающие материалы, написанные пользователями Sketch. Я отобрал для вас самые лучшие:
- Sketch Tutorial 01, от Sebastien Gabriel. Отличный подробный материал о создании иконки в Sketch.
- 7 Tips for Sketch users, от Nick Woodman. Здесь вы найдёте множество советов по использованию Sketch.
- Design with Sketch, от Meng To. Этот дизайнер был одним из первых, кто стал публиковать интересные материалы о Sketch.
- Harnessing Vector Awesomeness in Sketch, от Peter Nowell. Статья о работе с векторными формами в Sketch.
- Sketch Resources, Подборка статей о Sketch, которую курирует Lee Simpson.
На сегодня это всё
Теперь у вас достаточно материала, чтобы настроить свой рабочий процесс в Sketch максимально эффективно.
Думаете я что-то упустил? Уже пользовались упомянутыми мной плагинами? Поделитесь своим опытом и вопросами в комментариях!