Tips & Tricks

Small things that affect productivity in a big way

Resizing vs Scaling

So you've got something small and you'd like for it to be larger? If the object has effects such as a border or rounded corners, they will actually not be scaled with the object if you just drag it larger.

Now instead of having the same thing but larger, we have a very different looking object. Not good. So this time let's instead use the Scale button on the toolbar.

When you scale an object this way, you may use either desired pixel dimensions or a percentage to multiply by. The best part is written at the top of the dialogue box; "... Style attributes such as border thickness, shadow size etc will be scaled appropriately." The result will therefore be a larger version of the original.​

Success! Simply a larger version with properly scaled effects, including the radius of the rounded corners.


Make Grid

When you have a bunch of objects that are not nicely arranged, select them all and choose Arrange > Make Grid... from the Menu Bar at the top of the screen.

The Grid Tool dialogue box will appear allowing you to decide how to organize the selected objects in terms of vertical rows and horizontal columns. The margin then allows you to determine spacing between them. Lastly you may choose to make oddly shaped objects "Boxed" in order to create even spacing when objects are not very squarish.

The result is a perfectly positioned set of objects.

You may also use the Make Grid tool to replicate a single object into a grid. For example, the above grid could have been creating by starting with a single black square, then using Make Grid with exactly the same options.


HSB and RGB Color Picking

When using the color picker, you may toggle between displaying and editing RGB (Red, Green, and Blue) values and HSB (Hue, Saturation, and Brightness) values.​

Click on the letters that represent RGB or HSB to make them switch.


Drag and Drop Artboard Export

The exporting features of Sketch 3 are beyond amazing. With that comes a nifty shortcut. When selecting an artboard on the layers palette, you will be able to add an export type using the Inspector on the right hand side.

Once you've set your export options, you'll see a small thumbnail version of the image that will be exported.

Simply drag this thumbnail wherever you would like the file to go. You can drag it to the Finder,  Mail application, Messages, or wherever else you'd like it to go.

Definitely the fastest way to shoot a comp off to a client to keep them in the loop.


Duplicate Previous Transform

Copying and pasting can be a big time saver, but not if you need the same object many times at an equal distance. In this situation there is a much bigger shortcut.

When you drag an object while holding the Option Key, not only does it duplicate the object, but Sketch also remembers how you duplicated the object relative to the original object.

Now if you press Command - D, you can repeat your previous duplication over and over again to create evenly spaced duplicates very rapidly


The all new: Sketch from A to Z

Available Now on Udemy

Finally a complete course to learn Sketch from A to Z, applied to UI/UX and web design.
Redeem your coupon for 75% off below.

Get 75% Off the Course