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)

Web Design Junior

Логічне продовження курсу Web Design Beginning. За три місяці перейдемо від створення базових лендингів до роботи над складними сайтами та e-commerce проєктами. Навчимося презентувати роботу клієнту й аргументувати власні дизайн-рішення
Дізнатись більше