Resize Commands for Sketch
A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like b+20,lr+20. Multiple objects are supported.
Demo
How to use
Press Ctrl + shift + q to open up a prompt in which you can enter your commands to resize your selection.
Example usage
l+20// expand selection 20px from left sidea-10// contract 10px from all sidesw/2// divide width by 2x+100// move selection 100px to the righth=200// set height to 200pxw25%// make width 25% its size
Multiple commands
You can easily combine multiple commands by separating them with a , or use multiple directions followed by an operator, like so:
lrb+20// expand selection 20px from left, right & bottom sidewh=100// set width & height to 100pxxy+100// move 100px to the right and downb-20,w=200// contract 20px from the bottom side, set width to 200pxw20%,h/3// set width to 20%, divide height by 3w*2,tb+50,y-100// double the width, add 50px to top and bottom, move up by 100px
Valid directions are:
| Direction | |
|---|---|
| t | Top |
| b | Bottom |
| r | Right |
| l | Left |
| a | All directions |
| w | Width |
| h | Height |
| x | X-axis |
| y | Y-axis |
| Operator | |
|---|---|
| + | Plus |
| - | Minus |
| * | Multiply |
| = | Set w or h |
| / | Divide |
| % | Percentage |
Installation
- Download the plugin.
- Unzip & run ‘Resize Commands.sketchplugin’ to install
Thanks to
Matt Stow, who did the heavy lifting for this plugin. His Fireworks plugin Math Resize I have 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)