• Stars
    star
    161
  • Rank 233,470 (Top 5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

Install with Sketch Runner

With Sketch Runner, just go to the install command and search for Wanderer. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Sketch Runner screenshot

Manual Installation

  1. Download the plugin.
  2. Unpack the archive and double click on 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

  1. In Sketch select Plugins -> Wanderer -> Shortcuts Schema -> control+arrows command:

Switching shortcuts schema

  1. 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.

Version history

Wanderer - 1.0.1: 3/16/2018

  • Sketch 49 support
  • New plugins auto-updating system support

Wanderer 1.0.0: 12/5/2016

  • First version

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) 2017-2018 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.

More Repositories

1

Sketch-Plugins-Cookbook

A collection of recipes for Sketch App plugins developers
612
star
2

sketch-devtools

A set of tools for Sketch App plugins developers
Objective-C
415
star
3

duplicator

A handy SketchApp plugin that allows quickly duplicate selected layers in a specified direction.
JavaScript
349
star
4

easyeda-ibom-extension

iBom - InteractiveHTMLBom for EasyEDA
JavaScript
213
star
5

Bookmarker

A bookmarking plugin for Sketch
JavaScript
119
star
6

sketch-devtools-assistant

An assistant app for Sketch DevTools solution
Objective-C
66
star
7

easyeda-quick-align-extension

Objects alignment in EasyEDA without a hassle! ๐Ÿš€
JavaScript
45
star
8

Annotation-Kit

JavaScript
37
star
9

sketch-ace-jump

A small SketchApp plugin that allows to focus on various inspector's fields like font size, font weight and text/fill color using shortcuts.
JavaScript
34
star
10

sketch-constants

Sketch runtime constants for plugins
JavaScript
29
star
11

sketch-qrcode

QR Code generator plugin for Sketch App
JavaScript
26
star
12

easyeda-extension-registry

EasyEDA Extension Registry
JavaScript
24
star
13

easyeda-qrcode-generator-extension

QRCode generator extension for EasyEDA
JavaScript
23
star
14

sketch-lang-fix

Dirty fix for Sketch App single letter shortcuts bug with non-latin input sources.
Objective-C
22
star
15

sketch-share-as-is

JavaScript
14
star
16

easyeda-extension-menu-ux-normalizer

A dead simple EasyEDA extension that blocks menu popovers on mouseover event.
JavaScript
13
star
17

colorio

Pick colors from the screen on macOS in Node or Electron.js applications
Objective-C
8
star
18

sketch-devtools-console

A companion CocoaScript framework for Sketch DevTools Console module.
JavaScript
3
star
19

sketch-barcode

Barcode generator plugin for Sketch App
2
star
20

sketch-detect-selection-sequence-example

A sample plugin demonstrating how to track selection sequence
JavaScript
2
star
21

cmd-enter

A tiny Sketch 3 plugin that allows to use cmd-enter shortcut to apply changes to a text layer that is being edited.
1
star
22

babel-plugin-sketch-manifest-processor

JavaScript
1
star
23

colorio-electron-example

Colorio module demo embedded into an electron app
JavaScript
1
star
24

sketch-runtime

JavaScript
1
star