sketch-camera-hotkeys

As a competitive StarCraft 2 player (a mechanically very demanding game), I was frustrated with how inefficient navigating around while designing was. I don't expect many people to find this useful, but I made it because:

I wanted to use it for myself (this is a direct port from SC2, but with non-conflicting hotkeys)
I wanted to learn how to create Sketch plugins

Requirements

Sketch 3.8+ to use "Follow Camera on Selection", but 3.0+ for the rest

Installation

From a release (best)

Download the latest release of the plugin
Un-zip
Double-click on sketch-camera-hotkeys.sketchplugin

From the source

Clone the repo git clone https://github.com/jayhxmo/sketch-camera-hotkeys.git
Install dependencies npm install
Build npm run build
Double-click on sketch-camera-hotkeys.sketchplugin

Customizing Shortcuts and Maintaining the Project

Clone and install the dependencies

git clone https://github.com/jayhxmo/sketch-camera-hotkeys.git && npm install

You may need to run

npm install -g skpm && npm run postinstall

Modifying manifest.json

This is where all shortcuts are defined. Because of the sheer amount of Create / Jump To Camera Location scripts, you can run the below to generate manifest.json. Make sure to modify generate-manifest.js instead of src/manifest.json, as the below script will overwrite src/manifest.json.

node generate-manifest

Modifying Create / Jump To Camera Location

src/CreateCamera.js and src/JumpToCamera.js are "templates", with src/camera/*.js generated by running

node generate-camera-files

./generate-camera

Watching and Building

To watch and compile on changes, run the below. Note that you may need to manually save changes to src/manifest.json after generating it to make sure it is picked up and updated in the compiled Sketch plugin.

npm run watch

To build, run

npm run build

You can find additional documentation at the skpm repository or the Sketch Developer Guides.

jayhxmo / sketch-camera-hotkeys