/Sketch-Keyboard-Resize

A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus you can specify the resize amount.

Primary LanguageJavaScript

Keyboard Resize for Sketch

A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus you can specify the resize amount (which is by default set to 1 for the small and 10 for the big resize distance).

Demo

Using Keyboard Resize

How this is different from the default Sketch behavior

Sketch only lets you expand and contract from the right and bottom side of an object. Even though this more easy to get used to, I often need to resize from other sides too. This plugin lets you do that.

How to use

Press Cmd + arrow keys to add pixels to one of the sides. Press ctrl + cmd + arrow key to contract pixels from either side. Holding shift will increase the resize amount (default: 10px).

Specify the resize amount via 'Keyboard Resize › Set Small/Big Resize Distance'.

Shortcuts

Action Shortcut
Expand Top ++ cmd + shift +
Expand Right ++ cmd + shift +
Expand Bottom ++ cmd + shift +
Expand Left ++ cmd + shift +
Expand Top + cmd +
Expand Right + cmd +
Expand Bottom + cmd +
Expand Left + cmd +
Contract Top - cmd + ctrl +
Contract Right - cmd + ctrl +
Contract Bottom - cmd + ctrl +
Contract Left - cmd + ctrl +
Contract Top -- cmd + ctrl + shift +
Contract Right -- cmd + ctrl + shift +
Contract Bottom -- cmd + ctrl + shift +
Contract Left -- cmd + ctrl + shift +
Set Big Resize Distance -
Set Small Resize Distance -

Installation

  1. Download the plugin.
  2. Unzip and run ‘Keyboard Resize.sketchplugin’ to install

Thanks to

This plugin is inspired by John Dunning's Keyboard Resize, a Fireworks plugin I've used for a long time!

Feedback

If you find any issues or have any suggestions, please create an issue. Pull requests are welcome also!

Created by

Andre Jilderda @ Angi Studio, The Hague (NL)