Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch

Плагины, ресурсы и бесплатные элементы для расширения функциональности Sketch

by
Read Time:5 minsLanguages:

Russian (Pусский) translation by Dmitriy Troy (you can also view the original English article)

Редакция Tuts+ стремится предоставлять своим читателям самые полезные материалы. Мы всегда прислушиваемся к мнению пользователей. И нам известно, что сейчас приложение Sketch является «горячей темой». Недавно мы уже опубликовали статью 9 функций Sketch, которые вы должны попробовать и Sketch для начинающих: рисуем интерфейс формы входа.Но мы стремимся к большему. Поэтому в этой статье решили собрать информацию обо всех полезных ресурсах для Sketch

Первая остановка

Прежде чем мы двинемся дальше, хочу показать вам несколько сайтов, которые помогут вам быть в курсе всего, что просходит в сообществе (довольно активном) пользователей Sketch:

Плагины

Для добавления нового функционала в Sketch достаточно просто установить плагин. Ниже список плагинов, которые кажутся мне наиболее полезными.

Для установки плагина достаточно просто два раза кликнуть на файле с расширением .sketchplugin. Более подробно о процессе установки можно почитать здесь.

Совет: Также можно воспользоваться приложением Sketch Toolbox. Это простой и удобный менеджер плагинов для Sketch. С его помощью установка и поиск новых плагинов станут проще (требуется минимум OSX 10.9).

Sketch Toolbox a simple plugin manager for SketchSketch Toolbox a simple plugin manager for SketchSketch Toolbox a simple plugin manager for Sketch

Sketch Commands

Очень долго я был активным пользователем Adobe Fireworks. И расширение Orange Commands  (автор Ale Muñoz) очень сильно облегчало жизнь. 

Sketch Commands created by Ale MuozSketch Commands created by Ale MuozSketch Commands created by Ale Muoz

Ale потрясающий парень, и он вносит большой вклад в сообщество Sketch! Вот простой пример: Sketch Commands — порт знаменитого расширения Orange Commands. С помощью Sketch Commands вы можете автоматизировать множество процессов: экспорт, изменение размеров, копирование контента и т.д.

Style Inventory для Sketch

В дополнение к Sketch Commands обязательно установите Style Inventory для Sketch. Style Inventory сопоставляет информацию обо всех использованных вами стилях (например, цвета) и помогает использовать их, чтобы сохранить стилевое однообразие. 

Color swatch inventory

Sketch Measure 

Sketch Measure позволяет добавлять на холст информацию о размерах и других свойствах объектов.

Sketch MeasureSketch MeasureSketch Measure

Этот плагин особенно полезен если вы передаёте файлы другим специалистам для дальнейшей работы.

Sketch-slicy

Sketch-slicySketch-slicySketch-slicy

Вы слышали о плагине Slicy для PSD файлов? Этот плагин делает то же самое: переименовывает слои и экспортирует каждый в отдельный файл. Загрузить Sketch-slicy можно из официального репозитория. Автор плагина также рекомендует Sketchflow в качестве альтернативы. А если вам нужна другая очень хорошая альтернатива, то попробуйте Sketch Generator.

Sketch Icon Stamper Plugin

Sketch Icon Stamper Plugin позволяет автоматизировать процесс создания иконок различных размеров. Отличный плагин, особенно учитывая сколько различных вариантов фавиконов необходимо сегодня.

Sketch Icon StamperSketch Icon StamperSketch Icon Stamper

Dynamic Button для Sketch

Самая большая проблема при использовании Photoshop для создания пользовательских интерфейсов — это отсутствие гибкости. Это одна из главных причин, по которой дизайнеры переходят, например, на Sketch.

Dynamic Button для Sketch позволит нам создавать кнопки, которые будут автоматически подстраиваться под размер текста в них. Не очень понятно? Посмотрите видео.

Day Player

Day Player добавляет возможность использования различных генераторов временных изображений. Например: PlaceCage или (мой фаворит) Fill Murray.

Совет: Не забудьте о Sketch Plugin Directory. Здесь вы найдёте актуальный список плагинов Sketch на GitHub. Это уже очень большой список, в котором вы наверняка найдёте много полезного для себя!

Ресурсы и бесплатные элементы

Если вы ищете бесплатные элементы и шаблоны, то вам повезло! Вот список сайтов, посвящённых Sketch.

Sketch App Sources

Sketchapp SourcesSketchapp SourcesSketchapp Sources

Обязательно занесите в закладки. Sketch App Sources предлагает большое количество файлов для загрузки, а также обучающие материалы, статьи, ссылки на плагины и многое другое.

Dribbble

Этот ресурс не посвящён конкретно Sketch. Но если вы ищете бесплатные элементы, посетите Dribbble и воспользуйтесь поиском с тегами «sketch» и «freebie». Вы будете удивлены результатом.

Вы даже можете найти пользователей, указавших Sketch в списке своих навыков.

Sketch Tricks

Информация о Sketch прямо в вашем почтовом ящике. Дважды в месяц. Интересно? Sketch Tricks

Sketch TricksSketch TricksSketch Tricks

Sketch Casts

Возможно вам нужно что-то особенное. Как насчёт регулярных скринкастов с советами и хитростями по использованию Sketch? 

Sketch CastsSketch CastsSketch Casts

Загляните сюда: Sketch Casts. Еженедельный скринкаст о Sketch.

Sketchplugins

Этот ресурс больше подойдёт опытным пользователям и разработчикам.

SketchpluginsSketchpluginsSketchplugins
Sketchplugins это список рассылки, созданный Ale Muñoz для обмена информацией о разработке плагинов для Sketch. Как знать, вдруг вы напишете свой плагин?

Design+Code

Design+Code не посвящён исключительно Sketch, но здесь вы найдёте отличный обучающий материал от Meng To. Он раскрывает множество тем, а также наглядно показывает как он использует Sketch в ежедневной работе.

Sketch Shortcuts

Sketch 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 максимально эффективно.

Думаете я что-то упустил? Уже пользовались упомянутыми мной плагинами? Поделитесь своим опытом и вопросами в комментариях!

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.