Tiny gems: Sketch enhancements you might need missed

tg2 blogheader.png?ixlib=rb 4.1

  <p class="large">We’re by no means not engaged on enhancing Sketch — and these previous few months have been no exception — whether or not it’s leveling up annotations, or introducing new experimental options 👀 And whereas we’re pleased with the headliners, we additionally need to take the time to spotlight and have a good time all of the smaller enhancements we’ve made. So at the moment, we’ll be sharing an entire record of tiny – however no much less dazzling – gems you might need missed in Sketch.</p>

And should you’re not so huge on studying, we’ve received you lined. Our very personal Joseph Todaro is again with a brand-new video to catch you up on every of those gems. However should you favor a little bit scrolly-telling, then let’s get cracking on that record under!


Open your Figma information in Sketch

What higher option to begin our record of gems than with one which’s further shiny? We’re speaking about importing Figma information. That’s proper, now you can open any of your .fig information in Sketch. All it’s important to do is head to File > Open Native doc — or hit O — and import the .fig file of your alternative.

For those who favor, it’s also possible to do it the outdated drag-and-drop means. Simply drag your .fig file over the Sketch icon within the Dock, and also you’re all set.

Higher shade profile notifications

Beforehand, everytime you’d select a brand new shade profile, you’d get a little bit pop-up notification on the backside of your Canvas. We now completely present the colour profile within the title bar, underneath your doc identify.

Flip your paperwork into Workspace templates

Now you can flip any doc right into a template that anybody in your Workspace can use, which is good should you’re at all times digging out the consumer presentation doc, duplicating it and deleting the outdated content material.

Simply head to File > Doc Settings — or press ,. Then, underneath Set As, change Doc to Template — and also you’re good to go.

Tons of gorgeous new templates

Kickstart your subsequent undertaking by selecting from a big selection of gorgeous, free templates — from mockups to moodboards, and all the things in between. You may discover all of them within the Workspace Window under your individual templates, and be taught to profit from them with our final information!

Allow Libraries for particular paperwork

Now you can allow Libraries for a selected doc. Simply head to File > Doc Settings… > Libraries, and use the checkboxes to allow the Libraries you need. After that, anybody that opens that doc will discover that the checked Libraries are mechanically enabled.

Handle your share settings within the Mac app

Talking of collaboration, now you can handle your share settings immediately inside the Mac app — in a number of methods! You’ll discover the Share… choice underneath File, or whenever you head to the overflow menu subsequent to your avatar on the toolbar. You may even discover it by right-clicking a doc or undertaking within the Workspace Window.

Annotations within the Mac app

Now, when your collaborators add annotations to your work, you possibly can view and reply to them immediately in your Mac app’s Canvas, permitting you to maintain up with discussions precisely the place they matter.

And whenever you need to begin your individual, we’ve added a model new Remark button within the toolbar that you need to use to strike up a dialog wherever on the Canvas.

Resolve your annotations

Carried out with a dialog? It’s also possible to resolve your annotations — whether or not you’re utilizing the Mac app or internet app. Simply hit the checkmark on the top-right of an annotation’s popover, or right-click any annotation marker and select Resolve.

Reveal your annotations — or cover them

However don’t fear — whereas resolving annotations does cover them from the Canvas, you possibly can nonetheless hold observe of them. You may simply toggle their visibility by heading to View > Feedback > Embrace Resolved — or by urgent N.

Want to cover your annotations, even when they aren’t resolved but? Simply press N to toggle between hiding and revealing them.

Protect areas when hiding Symbols

Let’s speak Symbols and Good Format. When you choose a nested Image inside a Image occasion that makes use of Good Format, you’ll now see a brand new Protect area when hidden choice in the Inspector. Toggling it can turn out to be useful for when you could cover a nested Image with out shedding the area it occupied in your design.

Work smarter with layers inside Image situations

Working with layers inside Image situations can get tough. That’s why we’ve added just a few extra visible cues. Now, when you choose layers inside a Image occasion, you’ll see a dashed border across the dad or mum occasion as a reminder that the entire occasion will transfer should you drag it.

A neater option to choose a Image’s dad or mum

To make working with Image situations much more hassle-free, we’ve additionally added a brand new button subsequent to the dad or mum so you possibly can simply choose it.

Distinguish hidden objects from seen layers

We’ve additionally made the choice packing containers for hidden objects dashed, so you possibly can simply distinguish them from a visual layer in the identical spot.

Pan and zoom to any layer

Now you can double-click on a layer’s icon within the Layer Listing to shortly pan and zoom to that layer on the Canvas — making it simpler to leap between completely different layers.

Use hex codes with alpha values

Desire a smarter means so as to add opacity to your colours? Head over to the Inspector, the place now you can enter hex codes with alpha values by tagging two digits on the finish of your shade codes. For instance, should you enter #FF000080, it’ll provide the shade #FF0000 and an opacity of fifty%.

We’ll mechanically parse the final two digits you enter and apply them to the Opacity area. Simply keep in mind, the opacity values are hexadecimal and vary from 00 to FF — identical to the colour digits.

An in depth gradient enhancing expertise

Talking of colours, enhancing gradients simply received much more intuitive, with extra on-Canvas cues to information your selections. We’ll present you the place of your stops, label Begin and Finish factors, and even the values for angle, size, and ratio — relying on the kind of gradient you’re utilizing.

Oh, and by the best way — Radial Gradients now resize with their form!

Foresight for mixing modes

Choosing a mixing mode usually comes with a little bit of trial and error. That’s why we made the method a little bit simpler with Foresight for mixing modes. Now, whenever you hover over every mixing mode, you’ll see on the spot previews in your Canvas. We’ve additionally added labels to every group of mixing modes, making it simpler to know what they do.

Scale your borders means down

For those who’ve ever used the Scale command, you might need observed that borders beforehand had a minimal width of 0.5. pixels. Now, you possibly can scale all of them the best way right down to 0.1 pixels.

New settings to distribute your layers

We’ve added a brand new setting so that you can resolve what occurs when you possibly can’t distribute layers evenly utilizing entire pixels. Meaning, as an alternative of getting requested each time, now you can set and overlook your preferences. Simply head to the Layers pane of your Sketch Settings, search for When Distributing: and decide a setting.

Good Distribute simply received smarter

Once you’ve chosen a gaggle that’s a part of a tidied set of things, you possibly can modify its place and the spacing round it utilizing the Good Distribute handles. Beforehand, you’d solely get handles for the youngsters of the group.

Get snappy with rulers

Working with rulers simply received smoother. Now, whenever you place or transfer rulers, they’ll snap to the center level of any layer you’ve chosen.

Bounce into textual content layers like a professional

Received a number of textual content layers to edit? Now, whenever you’re enhancing one, clicking on one other one will mechanically take you straight to edit mode — making it simpler to edit a number of textual content layers, one after the opposite.

Spot textual content layers extra simply

To make your textual content layers even simpler to identify, we’ve additionally added an underline whenever you hover over them.

Checking your textual content layer’s Width and Peak

Talking of textual content layers, you’ll now discover that the Width and Peak fields within the Inspector replicate whether or not they’re set to Auto Width, Auto Peak, or Mounted Dimension — primarily based on whether or not the values are proven in grey. However don’t fear, you possibly can at all times enter your individual mounted values if you’d like!

Attempt experimental Sketch options in Labs

For those who head to your Sketch Settings window — simply press , — you’ll discover a model new Labs pane, the place you’ll be taught extra about experimental options you possibly can check out. You’ll additionally discover buttons to seek out out extra about every characteristic and share your suggestions to assist make Sketch even higher 🙌

Experiment with Good Format in teams

And final however not least, the primary experimental characteristic so that you can check out and share your suggestions on: Good Format in teams. This experimental characteristic permits you to apply a vertical or horizontal format to a gaggle — which is useful for sustaining the padding and spacing between layers whenever you change a layer’s dimension or delete it.

We nonetheless have work to do, so we’d love so that you can allow it, give it a strive, and tell us what you assume!

And there you will have it — tiny however shiny and dazzling gems we hope will make your Sketch expertise even smoother. You’ll want to get the newest Mac launch to strive all of them out. And should you like what you see, come share your suggestions in our group discussion board!

Within the meantime, completely happy designing.

        <ul>
          <li><a href="https://www.sketch.com/blog/guide-to-templates/">Kickstart your subsequent undertaking with these lovely templates</a></li><li><a href="https://www.sketch.com/blog/the-best-keyboard-shortcuts-to-get-started-with-sketch/">These are one of the best keyboard shortcuts to get began in Sketch</a></li>
        </ul>