Sketch Tutorials

5 Little Feature Requests from a Sketch Power User

Just to make our lives (and our friends’ lives) a little bit easier.

Jon Moore
Jon Moore
May 31, 2017 · 7 min read

1. Resizing Option Menu

Image for post
Image for post
Image for post
Image for post
This probably isn’t the right location for this menu, but you get the idea.
Image for post
Image for post

2. Border Control

And I’m not talking about Donald Trump’s wall 🙄

Image for post
Image for post

3. Eyedropping Styles

Image for post
Image for post
In this screenshot, let’s pretend I’m holding Option while I use the eyedropper.

4. Style Overrides in Symbols

I’ve written many times before about the importance of using Layer Styles and Text Styles. My entire design system is built on them, and they allow me to update colors and fonts across hundreds of artboards in like…2.9 seconds. No ifs, ands, or buts about it — using styles throughout your design file is an absolute best practice.

Image for post
Image for post
  1. The text is styled using a saved Text Style.
  2. The colored rectangle is styled using a saved Layer Style.
  3. Because those two layers are tied to saved styles, the user can override them in exactly the same way they would override a nested symbol.
Image for post
Image for post
Those dropdowns next to “Text” and “Color” would map to Text Styles and Layer Styles that I’ve already defined.

5. Shared Symbols from External Documents

Here’s a humdinger for all you Adobe folks. You know how you can insert linked artwork into an Illustrator document using File>Place?

Image for post
Image for post

It opens up all kinds of doors:

  1. Branding folks can now maintain all logos and branding assets in a single Sketch file. Product designers can pull those logo symbols directly into their UI files, and it’s referenced as an external asset.
  2. Visual designers can now maintain that coveted “single-source-of-truth” with regards to the product style guide.
  3. Illustrators can operate independently of product designers as they work through things like website imagery or empty state artwork. Product designers would just insert a reference to the external illustration symbol, and it would update live (or at save time) as progress is made.

Summary

Anyway, these are just some ideas that’ve been floating around in my dumb head for a while. Each one creates tremendous efficiency gains for different people at some point in the design process.



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.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

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