Skip to content
Navigate around and present more efficiently
Branch: master
Clone or download
Latest commit 91427ca Mar 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
sketch-camera-hotkeys.sketchplugin/Contents Save before release 1.0.1 try again Mar 18, 2019
src Save before release 1.0.1 try again Mar 18, 2019
.appcast.xml
.babelrc First build (had to install extra babel packages.. -_-) Mar 8, 2019
.gitignore
LICENSE Initial commit Mar 8, 2019
README.md a Mar 18, 2019
generate-camera Add multiple camera location generation scripts + change hotkeys (cmd… Mar 9, 2019
generate-camera-files.js Add multiple camera location generation scripts + change hotkeys (cmd… Mar 9, 2019
generate-manifest.js Save before release 1.0.1 try again Mar 18, 2019
package-lock.json Publish 1.0.1 release 🚀 Mar 18, 2019
package.json Save before release 1.0.1 try again Mar 18, 2019

README.md

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:

  1. I wanted to use it for myself (this is a direct port from SC2, but with non-conflicting hotkeys)
  2. 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

or

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

You can’t perform that action at this time.