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
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
- Download the plugin.
- 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!