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!