Sketch Tutorials

Sketch 44 Resizing: How does it work???

It’s new! It’s intuitive! It’s better! It’s extra-stretchy!

Jon Moore
Jon Moore
May 6, 2017 · 5 min read
Image for post
Image for post
Stretch Armstrong™ seemed like an appropriate header image. If you didn’t grow up in the 70s in the USA, or have a grandma with really old toys, this reference probably went way over your head.

Click to Download the Sketch 44 Beta

(it’s a separate app and won’t overwrite your current one)

First, a refresher:

Image for post
Image for post

Now, the updates!

Sketch has made resizing and pinning much more intuitive by giving you a visual for how things behave. Check out this handsome new tool:

Image for post
Image for post

The Basics

Pinning is much more intuitive now, and you don’t have to guess which edge a layer will snap to. As long as you tell it which edge you want it to stick to, it’ll stay there like when you duct taped your brother to the wall.

Image for post
Image for post
This is the new way to “Pin to Corner”.
Image for post
Image for post
This is “Pin to Corner” with stretching, relative to the resizing of the parent.
Image for post
Image for post
This is the new way to do “Pin to Corner”. Make sure you fix the height and width!
Image for post
Image for post
I don’t think this was possible in Sketch 39–43. Only with other plugins. Now it’s native functionality!
Image for post
Image for post
This is the new way to do “Float in Place”
Image for post
Image for post
“Resize Object” is accomplished by pinning the left/right edges.
Image for post
Image for post
Probably not what we want to happen!

Symbols and Artboards

In Sketch 39–43, resizing features worked inside of groups and symbols but not artboards themselves.

Image for post
Image for post
Image for post
Image for post
This is basically what we’re used to without other plugins. It just kind of crops the artboard contents.
Image for post
Image for post
Native pinning right on the artboard itself!
Image for post
Image for post
That checkbox will be toggled on for you if you pin any base artboard layer.

That’s it!

I’m pretty stoked about this improved resizing tool! It adds a level of intuitiveness to that was really missing before. No more guesswork!

Image for post
Image for post

UX Power Tools

A publication for designers, written by designers.

Jon Moore

Written by

Jon Moore

Principal Design Partner at www.innovatemap.com in Indianapolis, and co-founder of www.uxpower.tools. Contact me at 1jonmoore@gmail.com.

UX Power Tools

A publication for designers, written by designers.

Jon Moore

Written by

Jon Moore

Principal Design Partner at www.innovatemap.com in Indianapolis, and co-founder of www.uxpower.tools. Contact me at 1jonmoore@gmail.com.

UX Power Tools

A publication for designers, written by designers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store