A small SketchApp extension that introduces 'Finder' like features for working with layer list.
JavaScript

README.md

Sketch Wanderer

A small SketchApp extension that introduce frictionless Finder like navigation in layer list by using beloved arrow keys and simple shortcuts. No more shift/shift-tab nightmare!

Huge thanks to Sasha Okunev who inspired me to build this plugin! :)

Screencast

Installation

  1. Download the plugin.
  2. Unpack the archive and double click on com.turbobabr.sketch.wanderer.sketchplugin file to install it into Sketch plugins folder.
  3. Enjoy! :)

Usage

Wanderer is very simple to use, just recall how navigation works in Finder and use any arrow keys with control-option modifiers.

The complete list of supported commands:

Command Shortcut Description
Move Up ctrl + option + Selects layer above
Move Down ctrl + option + Selects layer below
Expand Group ctrl + option + Expands selected group, shape group or artboard
Collapse Group ctrl + option + Collapses selected group, shape group or artboard. When run on already collapsed group, it’s parent will be collapsed.
Select Up ctrl + shift + Finder like multi-select by holding shift and selecting files via arrows.
Select Down ctrl + shift + Finder like multi-select by holding shift and selecting files via arrows.
Expand Artboard ctrl + shift + Expands all child groups in the current artboard.
Collapse Artboard ctrl + shift + Collapses all child groups in the current artboard and artboard itself.
Select Artboard Above ctrl + option + shift + Selects artboard above current arboard. In case some child layer is selected, this command will select artboard itself.
Select Artboard Below ctrl + option + shift + Selects artboard below current artboard.

Simple Shortcuts Schema & Mission Control

By default Wanderer uses control-option+arrows shortcuts for the most common commands like Move Up, Move Down and Expand/Collapse Group:

Mission Control Shortcuts

It's quite nice, but not perfect - the better solution is to use shorter set control+arrows, which is by default occupied by macOS: Mission Control. Just in case you don't use these shortcuts, you could quickly replace them by using a special command by doing these simple steps:

1) Open System Preferences -> Keyboard -> Shortcuts -> Mission Control and disable the following highlighted system shortcuts:

Mission Control Shortcuts

2) In Sketch select Plugins -> Wanderer -> Shortcuts Schema -> control+arrows command:

Switching shortcuts schema

3) Wait 10-15 seconds while Sketch reloading changes and check whether new shortcuts are setup correctly:

Successful Setup

Note: In case you'll need to revert changes, just run Plugins -> Wanderer -> Shortcuts Schema -> control-option+arrows command.

Feedback

If you discover any issue or have any suggestions for improvement of the plugin, please open an issue or find me on twitter @turbobabr.

License

The MIT License (MIT)

Copyright (c) 2016 Andrey Shakhmin

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.