What’s New

Introducing Components web view

With Components web view, you can open up your libraries and make them easier for everyone to understand. You can now browse Symbols, Color Variables, Layer Styles and Text Styles, jump or search for specific components and use the menu on the left-hand side to navigate components in more detail.

We’ve added a powerful new way to view all your Symbols, Color Variables, Layer Styles and Text Styles in the updated Sketch web app — and it’s called Components web view. You can now easily jump between different Component types, then use the menu on the left-hand side to select different groups.

Read the blog post

Foresight

We’ve added a feature that helps you preview the outcome of some actions. Now, when you hover over the alignment buttons at the top of the Inspector, or as you type new values in the X, Y, Width, or Height fields, you’ll see an outline on the Canvas that represents the position and dimension of the layers if you apply that alignment or value. This also works if you use the ⌥ modifier for alignment, or use math operations in the inputs.

Foresight helps you preview the outcome of alignment and resizing actions on the Canvas in the latest Sketch update. Now, you’ll see an outline on the Canvas showing your shapes’ future position and dimensions. So you can quickly understand how your designs will look before you make a decision.

Read the documentation

Canvas view in the web app allows you to preview your entire Canvas exactly as you see it on the Mac app. Instead of previewing individual Artboards, you can now pan and zoom to your heart’s content and interact with the entire flow — including elements outside of Artboards, such as notes.

Discover more on our blog

This update brings a bunch of small improvements and bug fixes, including the ability to use the width, height and position operators (w,h,x,y) as stand-ins for the width, height, x, and y of one or more selected elements.

In this update we’ve improved navigating layers with the keyboard by adding and exposing more shortcuts in the Edit > Select menu. We have also fixed some bugs and made improvements in Exporting and copying CSS attributes to the clipboard.

Workspace window

We’ve renamed the Documents window, and made it better than ever! You can now see documents in your Workspace in a new list view. We’ve also improved the Recent Documents view, which now shows who’s editing a Workspace document and its sharing settings.

Saving you a few clicks!

As you know, you can dive deeper into groups by double-clicking them. In this release, we’ve made that a little bit faster. Now, after you’ve double-clicked the first group on the Canvas, quickly following up with single clicks will dive down deeper. Faster than ever!

Reveal after export

We’re always polishing the design experience because we know the details matter. One example new in 76 is that, after you export from a document, you can now reveal those files in Finder.