Appalette Sketch

Appalette

Sketch-плагин, который позволит вам найти цветовую палитру (почти) любого популярного мобильного приложения.

6 полезных плагинов Sketch, о которых мало кто знает

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

Вызовите окно плагина Appalette или из Меню плагинов, или посредством комбинации клавиш для быстрого вызова. После его открытия просто выберите нужное вам приложение и нажмите кнопку rock it ⚡️. Плагин создаст группу с нужной палитрой.

Быстрый вызов

Вы можете получить быстрый доступ к окну Appalette, используя сочетание клавиш Ctrl + Cmd + C.

Скачать плагин Appalette


Batch Create Symbols

Batch Create Symbols

Когда у вас в Sketch есть группа слоев для преобразования в символы, вы должны выбирать их по одному и использовать функцию’Convert to Symbol'. Если вы выделите несколько слоев, то они будут объединены в один символ.

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

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

Выделите фигуры, слои, изображения или группы, которые вы хотите конвертировать в символы. Затем в Меню плагинов нажмите 'Batch Create Symbols' и выберите один из трех вариантов.

Use Layer Names создаст символы и использует существующие имена слоев.

Use Custom Names эта опция позволит вам добавить свое имя к созданному символу.

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

Например, если у вас есть три слоя, и вы выбрали 'portfolio' в качестве пользовательского имени, то каждый символ будет назван portfolio-1, portfolio-2 и portfolio-3.

Use Custom Folders позволяет создавать символы в структуре папок.

Если вы выделите слой или несколько слоев и выберите Custom Folders, вы можете ввести ряд имен, разделенных слэшами, чтобы создать серию вложенных папок в меню вставки символов.

Например, если вы наберете iOS/3x/assets/, то получите iOS>3x>assets>symbol-names.

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

Batch Create Symbols использование

Скачать плагин Batch Create Symbols


Sync to Slides Sketch плагин

Sync to Slides

Без труда синхронизирует ваши Sketch артборды с Google Slides.

Sync to Slides — Sketch-плагин, который поможет вам загрузить ваши артборды непосредственно в Google Slides без необходимости экспорта

Sync to Slides демонстрация работы

Баги и предложения

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

Благодарности

Огромное спасибо utom, ведь огромное количество кода позаимствовано из его плагина Sketch Measure.

Скачать плагин Sync to Slides


Financial Charts

Financial Charts

Инструмент создания финансовых диаграмм для Sketch.

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

Предварительный просмотр

Financial Charts возмодности

Возможности:

  • Полностью редактируемые финансовые диаграммы
  • Настраиваемый свечной график: число свечей и пространство между ними

Надо сделать:

  • Линия сетки координат и примечания для диаграмм
  • Объемные линейная диаграмма и свечной график
  • Больше дизайнерских штучек для настройки (заполнение, пробел между двумя диаграммами, область заполнения для линейных диаграмм и т. д…)
  • Больше форм данных (подъем, падение, турбулентность…)
  • Позволить пользователю вводить данные (CSV, копировать-вставить, текстовые данные…)

Скачать плагин Financial Charts


Palette Stripes Sketch Плагин

Palette Stripes

Sketch-плагин для создания разноцветных полос из заливки фигур.

Как использовать этот плагин

  1. Создайте артборд
  2. Нарисуйте хотя бы 2 фигуры и залейте их цветами, которые вы хотите видеть в цветных полосках.
  3. Выделите фигуру и кликните по 'Plugin > Palette Stripes'

Горячие клавиши

ctrl + shift + P

Примеры

Palette Stripes пример -1 Palette Stripes пример -2 Palette Stripes пример -3 Palette Stripes пример -4 Palette Stripes пример -5 Palette Stripes пример -6

Контакты

Свободно пишите мне любые предложения или критику.

Email: sures. srinivasan@gmail.com

Скачать плагин Palette Stripes


Compo Sketch плагин

Compo

Compo — это Sketch-плагин, который облегчает работу с компонентами интерфейса. С Compo нажатие ⌘J — это все, что нужно, чтобы обратить текстовый слой в кнопку или поместить существующий компонент в порядок. Этот плагин особенно эффективен, если его использовать в связке с State Machine.

Compo демонстрация работы

Читайте более подробно о том, как работает Compo.

Системные требования

Compo тестировался со Sketch 41 на OS X Yosemite. Если у вас есть какие-либо проблемы — пишите мне по адресу: @romanshamin.

Скачать плагин Compo