Design

12 Sketch tutorials to binge on right now

4 min read
Joseph Angelo Todaro
  •  Aug 24, 2017
Link copied to clipboard

8 critical shortcuts in Sketch

Want to work smarter and faster than everyone else? You’re in luck, because I’m going to show you how to master the 8 most important Sketch shortcuts. Improve your entire workflow—and your end results.


Read the full post

 

Sketch vs. Photoshop: The 5 things Sketch can do that Photoshop can’t

Even if you haven’t made the switch yet, you’re likely aware of the mass exodus of Photoshop users switching to Sketch. So what makes Sketch the tool for designing digital products? To put it simply, Sketch can do a number of things that Photoshop can’t. And it makes sense—Photoshop wasn’t built for product design. So let’s put ’em head-to-head, Sketch vs. Photoshop. Here are our top 5 indispensable Sketch capabilities that are currently missing from Photoshop.

Read the full post

 

Grabbing lost design elements from the past in Sketch

Sketch gives us an infinitely sprawling canvas to lay out as many artboards and design elements as our hearts desire. But with that kind of freedom comes great responsibility—inevitably, something may accidentally get changed, moved, or even deleted entirely as we work. By the time we catch the problem, it’s often too late for Command Z.

Read the full post

 

What’s new with group resizing in Sketch 44

With the recent arrival of Sketch 44, there’s a lot of excitement around significant improvements to one of Sketch’s most valuable features, group resizing. The UI and nomenclature for making these decisions has changed entirely, giving us much more control. Let’s take a look at how each of the legacy resizing modes translates in this update.

Read the full post

 

iOS 10 style shadows in Sketch

With iOS 10 on the way, there are some new but subtle design tweaks worth noting. One of them is found in the Music App—a diffused drop shadow on Album Artwork that carries a soft glow of the artwork itself. Let’s take a look at how Symbols in Sketch make this effect easy to implement and repeat consistently throughout your design.

Read the full post

 

Nested symbol overrides in Sketch

Sketch 41 has arrived with a fresh new look and an incredibly useful new feature: nested symbol overrides. Let’s look at how nested symbols can be used as placeholders and swapped out on the fly within different instances of a parent symbol.

Read the full post

 

Creating infinitely scalable connection arrows in Sketch

When wireframing your next big idea in Sketch, you may find yourself creating arrows on your canvas to show how screens might flow. It’s all fun and games until you need to scale or stretch one of your arrows and you find yourself with a distorted mess. In the video tutorial above, you’ll learn a simple method for creating connection arrows that are infinitely scalable and reusable—with zero distortion.

Read the full post

 

Quick tips for creating flexible forms in Sketch

Designing forms can be a real pain in the neck. Hover, focus, validation, error, idle… the states alone are enough to drive you bonkers. Let alone formatting for different device sizes. The bottom line is that without some clever planning, there are just too many combinations of assets to juggle. So, let’s take a look at a few tricks to ease the pain.

Read the full post

 

How to override colors

If you’re anything like me, you use symbols in Sketch every chance you get—pretty much any time you use an element more than one time in your document. Thanks to symbol overrides in Sketch, it’s never been more realistic to turn nearly everything in sight into a symbol for future reuse and syncing. But there’s one inevitable brick wall you’ll eventually hit. While you can override text and images within a symbol, you can’t override the color of something. So, let’s work around that.

Read the full post

 

Accurate and editable radial progress bars in Sketch

Drawing a radial progress bar in Sketch may not be difficult, but creating one that’s easily editable and mathematically accurate is a different story. Fortunately we’ve got some tricks, and some math, that’ll make your life a whole lot easier.

Read the full post

 

3 Sketch mistakes for a rough developer handoff

Designers and developers are the key players in creating digital products—and a healthy handoff is critical to keep projects moving smoothly. As a designer, it’s up to you to make sure that handoff sets the developers up for success. So let’s take a look at 3 common mistakes that are easy to make in Sketch and how to fix them.

Oh, and pssstttt… Here’s where to get Craft.

Read the full post

 

Build an interactive prototype in Sketch in minutes

So you’ve got your beautiful screens designed in Sketch and you’re ready to throw together an initial prototype. In the past, we would sync to InVision, open our browser, and head to Build Mode—but the future is now. Using Craft, we can now prototype for desktop and mobile directly within Sketch and sync the finished result to InVision to test, share, and collaborate. Let’s take a look at the crazy amount of work we can get done in just a couple of quick minutes.

Read the full post

What are you designing with Sketch? Tell us on Twitter: @InVisionApp.

Collaborate in real time on a digital whiteboard