Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

Navigate around and present more efficiently

Resources

License

Packages

No packages published