UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Sketch Wanderer - плагин для навигации по списку слоев, а также новая версия популярного плагина User Flows
Редакція
Редакція

Опубліковано • Оновлено

Sketch Wanderer - плагин для навигации по списку слоев, а также новая версия популярного плагина User Flows

Небольшое расширение для Sketch, которое представляет слаженную навигацию по списку слоев с использованием полюбившихся кнопок навигации и простых сочетаний клавиш. Больше никакого кошмара под названием shift/shift-tab!

Установка

  1. Скачать плагин
  2. Распаковать архив и кликнуть на файл com.turbobabr.sketch.wanderer.sketchplugin для установки его в папку плагинов Sketch.
  3. Готово! :)

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

Wanderer очень прост в использовании. Просто вспомните, как работает навигация в Finder и используйте навигационные кнопки в сочетании с control-option.

Полный список команд:

Переместить вверх Ctrl + Alt + ↑ (Выбирает слой выше)

Переместить вниз Ctrl + Alt + ↓ (Выбирает слой ниже)

Расширить группу Ctrl + Alt + → (Расширяет выбранную группу, группу шейпов или артборда)

Свернуть группу Ctrl + Alt + ← (Сворачивает выбранную группу, группу шейпов или артборда. При запуске на уже свернутой группе, сворачивание будет применено к родителю).

Выбор вверх Ctrl + Shift + ↑ (Множественный выбор, по принципу Finder с помощью стрелок).

Выбор вниз Ctrl + Shift + ↓ (Множественный выбор, по принципу Finder с помощью стрелок).

Развернуть артборд Ctrl + Shift + → (Расширяет все дочерние группы в текущем артборде).

Свернуть артборд Ctrl + Shift + ← (Сворачивает все дочерние группы в текущем артборде).

Выбор артборда выше Ctrl + Alt + Shift + ↑ (Выбор артборда выше текущего артборда. В случае, если выбран какой-то дочерний слой, будет выбрана сам артборд).

Выбор артборда ниже Ctrl + Alt + Shift + ↓ Выбирает артборд ниже текущего артборда)

Простая схема сочетаний клавиш и Mission Control

По умолчанию, Wanderer использует сочетания клавиш control-option+стрелки для часто используемых команд типа вверх, вниз и свернуть/развернуть группу:

Sketch Wanderer меню

Это хорошо, но не идеально. Лучшее решение - использовать сочетание короче (control+стрелки), которые по умолчанию заданы в Mac OS для Mission Control. В случае, если вы их не используете, вы можете быстро заменить их в 3 простых шага:

1 Откройте System Preferences - Keyboard - Shortcuts - Mission Control и отключите выделенные системные сочетания:

Sketch Wanderer горячие клавиши

2 В Sketch выберите команду Plugins - Wanderer - Shortcuts Schema - control+arrows:

Sketch Wanderer выбор схемы клавиш

3 Подождите 10-15 секунд пока Sketch перезагрузит изменения и проверьте корректность установки новых значений сочетаний клавиш:

Sketch Wanderer значения горячих клавишь

Обратите внимание: Если вам надо отменить изменения, выполните команду Plugins - Wanderer - Shortcuts Schema - control-option+arrows.

Отзыв

Если у вас возникли проблемы или появились предложения по улучшению плагина, напишите мне или найдите меня в Twitter @turbobabr.

User Flows v.2.0

Плагин для генерации блок-схем из артбордов Sketch.

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

Определите ссылки

Для определения ссылок между двумя артбордами, выберите слой и целевой артборд, затем запустите команду Define Link (Cmd+Shift+K).

Добавление условной логики

Без особых усилий показывайте условную логику путем создания и управления условиями (Conditions) в плагине. Для добавления условий, выполните команду Add/Edit Conditions (Cmd+Shift+D). Для изменения существующего набора условий, выберите артборд и выполните ту же самую команду.

Генерация диаграмм

После определения ссылок, выполните команду Generate Flow Diagram (Cmd+Shift+K). Выберите стартовый экран, введите детали флоу и нажмите Generate.

Отобразить/спрятать связи

Получите быстрый просмотр схемы путем отрисовки связей поверх ваших артбордов. При изменении, выполните команду снова и нарисуйте заново (Cmd+Shift+9). Также, вы можете скрыть связи (Cmd+Shift+0).

Кастомизируйте ваши диаграммы

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

User Flows настройки

Топ коментарі (0)