Окончательный список из 50 лучших плагинов для эскизов

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

Одним из самых мощных аспектов Sketch является его активное сообщество разработчиков и фантастический набор плагинов, которые они создали для него. С плагинами Sketch вы можете создавать великолепные 3D-иллюстрации и уникальные анимации за считанные секунды.

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

Менеджеры плагинов для Sketch
Плагины для совместных эскизов
Плагины генератора контента и объектов
Плагины для экспорта и разработки интерфейса
Плагины управления слоями
Утилиты

Менеджеры плагинов для Sketch

Вы должны начать с установки одного из этих четырех плагинов Sketch. Они помогут вам эффективно управлять и запускать ваши плагины.

Пакеты эскизов

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

Эскизный бегун

http://sketchrunner.com/

Sketch Runner — это Spotlight или Alfred для Sketch. Это мощный плагин для Sketch, который позволяет запускать команды Sketch с клавиатуры. Это также плагин, который устанавливает и управляет другими плагинами для вас.

Менеджер плагинов для эскизов

Загрузите плагин здесь: https://mludowise.github.io/Sketch-Plugin-Manager/

Это третий из четырех плагинов, которые вам пригодятся, когда дело доходит до тестирования и управления вашими плагинами. Он использует Git для управления всеми вашими плагинами и поддерживает их в актуальном состоянии.

Панель инструментов эскиза

Загрузите плагин здесь: http://sketchtoolbox.com/

Sketch Toolbox — это еще один вариант, который помогает вам управлять, устанавливать и обновлять все ваши плагины Sketch.

Хотя вы должны попробовать все эти четыре плагина, мой любимый — Sketch Runner — он дает вам гораздо больше, чем просто управление плагинами. Если вы привыкнете к нему, вы не сможете представить себе использование Sketch без него.

Плагины для совместных эскизов

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

Нулевая высота

Скачать плагин можно здесь: https://zeroheight.com/

Zero Height — это внешний бесплатный плагин, который позволяет создавать библиотеки ресурсов и руководства по стилю, сотрудничать с другими дизайнерами и синхронизировать все в облаке.

Цепь

Скачать плагин можно здесь: https://github.com/lalomts/Chain

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

Кактус

Скачать плагин можно здесь: https://kactus.io/

Kaktus — это расширение для управления версиями дизайна. Он управляет вашими файлами и синхронизирует вас со всей командой.

Абстрактный

Скачать плагин можно здесь: https://www.goabstract.com/

Этот плагин представляет собой Git для дизайнеров. Это позволяет вам управлять всем проектом и сотрудничать с другими дизайнерами. Он дает вам контроль версий ваших файлов Sketch, он интегрирован со Slack и позволяет собирать отзывы от клиентов, которые не используют Sketch.

Ремесло InVision

Загрузите плагины здесь: https://www.invisionapp.com/craft

Craft, одно из самых популярных расширений Sketch, предоставляет вам набор различных плагинов от генератора контента до сборщика отзывов и инструментов для прототипирования. Вместо того, чтобы добавлять контент lorem ipsum, вы можете получить реальный контент с веб-сайта. Вместо того, чтобы искать на стандартных веб-сайтах, чтобы добавить пользовательские аватары, вы можете сделать это прямо из Craft. Вместо того, чтобы составлять случайные телефонные номера, вы можете просто сгенерировать их.

Это лишь несколько примеров того, как работает Craft. Если вы хотите узнать больше о Craft, вам обязательно нужно прочитать эту статью дизайнера Toptal Бри Чапин.

Плагины генератора контента и объектов

Материал эскиза

Скачать плагин можно здесь: https://websiddu.github.io/sketch-material/

Этот плагин Sketch позволит вам создать любой компонент из системы Google Material Design.

Начальная сетка

Скачать плагин можно здесь: https://github.com/De-La-Vega/BootstrapGrid.

Этот плагин для Sketch создает сетку Bootstrap внутри файлов Sketch. Все, что вам нужно сделать, это нарисовать прямоугольник, и плагин создаст внутри него сетку.

Календарь с 7 столбцами

Скачать плагин можно здесь: https://www.ls.graphics/

Календарь с 7 столбцами сгенерирует любой календарь с 7 столбцами. Это определенно один из моих любимых плагинов. Это экономит много времени, если вам нужно разработать календарь.

Потоки пользователей

Скачать плагин можно здесь: https://abynim.github.io/UserFlows/

С помощью плагина User Flows Sketch создание диаграмм потоков пользователей не составляет труда.

Лупер

Скачать плагин можно здесь: http://sureskumar.com/looper/

Один из моих личных фаворитов, этот плагин создает умопомрачительные иллюстрации, дублируя формы и группы. Вы можете использовать его для создания множества типов иллюстраций, таких как баннеры, плакаты, узоры, абстрактные фоны и многое другое. Вы можете узнать больше о Looper здесь.

Конфетти

Скачать плагин можно здесь: http://www.sketchconfetti.com/

Этот плагин для Sketch генерирует конфетти из объектов и слоев одним щелчком мыши.

Значок Цветок

Скачать плагин можно здесь: https://github.com/avadhbsd/IconFlower

Это быстро упорядочит значки по образцу филлотаксиса.

Скаттер

Скачать плагин можно здесь: https://github.com/joshdjuric/Skatter

Еще один отличный плагин для Sketch для создания случайных узоров. Просто создайте несколько простых фигур, и Skatter превратит их в красивый узор.

Блендер

Загрузите плагин здесь: https://github.com/bunnieabc/Blender

Это свежее расширение Sketch объединяет две фигуры и создает красивый градиент между ними.

Генератор карт

Загрузите плагин здесь: https://github.com/eddiesigner/sketch-map-generator

Если вы устали делать скриншоты карт для своих проектов, вам понравится этот плагин. Нарисуйте прямоугольник, введите свое местоположение, скопируйте стиль из Snazzy Maps, а генератор карт сделает все остальное за вас.

Эскизные пироги

Загрузите плагин здесь: https://github.com/longzheng/sketch-randomSize.

Sketch — не лучший инструмент для создания круговых диаграмм… но вот Sketchy Pies. Этот плагин для Sketch создаст для вас круговые или круговые диаграммы.

Случайный размер

Загрузите плагин здесь: https://github.com/longzheng/sketch-randomSize.

Еще одно отличное расширение Sketch для создания диаграмм. С помощью этого плагина вы можете рандомизировать любое измерение формы для создания гистограмм.

Экспорт и плагины для фронтенд-разработки

С помощью этих плагинов вы можете публиковать файлы HTML/CSS, целые веб-сайты или закодированные информационные бюллетени без каких-либо навыков программирования. Более того, некоторые из этих расширений будут генерировать файлы для групп разработчиков, которые не используют Sketch.

Панель запуска

Скачать плагин можно здесь: https://launchpad.animaapp.com/

Выдающийся плагин для Sketch, который позволяет публиковать готовые веб-сайты без каких-либо знаний кода прямо в Sketch.

Слинки

Скачать плагин можно здесь: https://launchpad.animaapp.com/

В следующий раз, когда ваш клиент попросит вас поработать над шаблоном электронной почты, загрузите этот плагин. Это поможет вам легко создавать шаблоны электронной почты с готовым HTML-кодом, который является адаптивным.

Синхронизировать со слайдами

Загрузите плагин здесь: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Отличный плагин для Sketch для тех, кто работает над онлайн-презентациями. Он синхронизирует артборды Sketch с Google Slides.

Мера

Загрузите плагин здесь: http://utom.design/measure/

Мера идеальна, когда вам нужно передать файл проекта команде разработчиков. Он отмечает все размеры и создает HTML-файл, содержащий весь дизайн, поэтому разработчики без Sketch могут легко его открыть.

Маркетч

Скачать плагин можно здесь: https://github.com/tudou527/marketch

Еще один плагин, который пригодится, когда вы сотрудничаете с командами разработчиков. Он генерирует файлы HTML, содержащие дизайны, и позволяет копировать стили CSS всех ваших слоев.

Плагины управления слоями

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

Переименовать

Скачать плагин можно здесь: https://github.com/rodi01/RenameIt

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

Очистить бесполезные группы

Загрузите плагин здесь: https://github.com/bomberstudios/Cleanup-Useless-Groups

Когда вы работаете быстро, у вас могут остаться пустые группы. Этот плагин для Sketch решит ваши проблемы, удалив все бесполезные (дублированные или пустые) группы.

Выберите знакомые слои

Загрузите плагин здесь: https://github.com/wonderbit/sketch-select-similar-layers.

Если вы знакомы с функцией «Выбрать похожие объекты» в Adobe Illustrator, но вам не хватает ее в Sketch, вам понравится этот плагин. Этот плагин позволяет вам выбирать слои с одинаковым цветом заливки, цветом границы, размером шрифта, режимом наложения и т. д.

Менеджер монтажной области эскиза

Скачать плагин можно здесь: https://github.com/bomberstudios/artboard-manager

Диспетчеры монтажных областей объединяют монтажные области в ряды и столбцы и упорядочивают их положение.

Поиск эскизов везде

Загрузите плагин здесь: https://github.com/MrPeak/sketch-search-everywhere

С помощью этого плагина Sketch вы можете найти любой слой, просто введя его имя.

Сортировать меня

Скачать плагин можно здесь: https://github.com/romashamin/sort-me-sketch

Этот крошечный плагин для Sketch сортирует ваши слои или монтажные области одним сочетанием клавиш.

Переключить слои

Загрузите плагин здесь: https://github.com/joshwayne/jw-sketch-plugins.

Отличный плагин, который в сочетании с Emojis в именах слоев позволяет вам переключать видимость слоя, обеспечиваемую смайликами глаз.

Утилиты

Эти плагины Sketch в основном расширяют базовые функции Sketch или делают их более доступными.

Волшебное зеркало 3

Скачать плагин можно здесь: http://magicssketch.io/mirror/

Если вы скучаете по Perspective Transformation из Photoshop, этот плагин для Sketch просто необходим. Вы сможете трансформировать любой слой Sketch в перспективе, не разрушая его.

Старк

Загрузите плагин здесь: http://www.getstark.co/

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

Удобные инструменты

Загрузите плагин здесь: https://github.com/webpatch/Handy-Tools

Handy Tools предоставляет набор функций, таких как выравнивание слоев, интервалы или переключение видимости слоев.

Сдвинуть угловой радиус

Загрузите плагин здесь: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Этот плагин позволяет вам изменить радиус угла с клавиатуры.

Импорт символов

Загрузите плагин здесь: https://github.com/kmerc/sketch-import-symbols

Если вы работаете с несколькими файлами Sketch, вы можете попробовать этот плагин. Он импортирует все символы из одного файла Sketch в другой.

Переместить половину пикселя

Загрузите плагин здесь: https://github.com/canisminor1990/sketch-move-half-pixel

Иногда вам нужно переместить объект в Sketch на полпикселя — с этим плагином это проще простого.

Текстовые плагины

Загрузите плагин здесь: https://github.com/joshwayne/jw-sketch-plugins.

С помощью этих двух плагинов вы можете объединить несколько текстовых слоев в одно текстовое поле или разделить одно текстовое поле на отдельные слои.

Аппалет

Скачать плагин можно здесь: https://github.com/Carlosarturo28/Appalette

Appalette загрузит цветовую палитру из многих популярных приложений, таких как Dropbox, Facebook или Airbnb.

Проверка орфографии на всех слоях

Загрузите плагин здесь: https://github.com/Tallwave/sketch-spellcheck-all-layers

Один из моих любимых плагинов для Sketch. Он проверит весь файл на наличие опечаток.

Автоматический макет

Скачать плагин можно здесь: https://animaapp.github.io/

Четыре слова, которые описывают этот плагин: адаптивный дизайн для дизайнеров.

Жидкость

Загрузите плагин здесь: https://github.com/matt-curtis/Fluid-for-Sketch

Сложный плагин, который позволяет создавать адаптивные монтажные области на основе ограничений.

Компо

Скачать плагин можно здесь: https://github.com/romashamin/compo-sketch

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

FlipSize

Загрузите плагин здесь: https://github.com/apertureless/sketch-flip-size

Крошечный плагин для Sketch, который переключает ширину и высоту объекта одним нажатием кнопки.

Совершенство пикселей

Загрузите плагин здесь: https://github.com/swiadek/pixel-perfecter-sketch-plugin.

С помощью этого простого плагина Sketch вы избежите неправильных размеров слоя.

Значок Штамп

Скачать плагин можно здесь: https://github.com/tylergaw/icon-stamper

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

Социальные артборды

Загрузите плагин здесь: https://github.com/herrhelms/social-artboards-sketch

Если вы создаете много изображений для социальных сетей, этот плагин для Sketch сэкономит вам много времени, создавая для вас артборды разных размеров.

Найти и заменить

Загрузите плагин здесь: https://github.com/thierryc/Sketch-Find-And-Replace

С помощью этого плагина Sketch вы можете найти и заменить любой текст внутри вашего файла.

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт