New Mac beta: v102 available now!

Hey folks :wave: We’re back again with a beta for what will probably be our last major update of the year. This one contains a bunch of things you’ve been asking for and lays some important groundwork for the big update you’re probably all waiting patiently for!

Update: We’re running a longer beta than usual, so you may not as many regular updates for a while.

Before we get to the details, let’s cover the usual basics…

How do I get it?

You can download our beta from sketch.com/beta— you’ll need an active subscription or license to use it. If you already have a beta build, you can open it and follow the prompts to update.

FYI: Opening documents in this version of Sketch may will make them incompatible with older versions (we try and limit how often this happens, but sometimes it’s unavoidable if we want to introduce new features). But this shouldn’t be a problem because you already make copies of your working documents to use with the beta, right? Right?

How do I share feedback?

If you run into any issues, the best way to share them with us is to click the :lady_beetle:Send Beta Feedback button in the toolbar. This should open an email template in your client of choice to fill out and send to us.

What’s in this beta?

An even better Command Bar

The feedback on the Command Bar has been really positive, and a lot of you have asked about using it to find an insert Symbols. This update offers just that!

We’ve added new ways to search, browse and insert Symbols (⌃ Y), Text Styles (⌃ T) and Artboard Templates (⌃ A) from the Command Bar. Each of these options has its own dedicated shortcut to make things even quicker.

You’ll see rich previews for each component type, along with full keyboard navigation. There are also shortcuts to navigate in and out of groups in your Libraries.

You can also swap Symbols, Artboards and Text Styles using ⌃ ⌘ R if you have one selected. Finally, you can search, insert and swap Layer Styles and Color Variables from the Command Bar, too.

Styling for Artboards

This one is both useful in its own right, and lays some important groundwork for us to bring a Flexbox-like layout feature to Sketch in the near future!

In short, you can now apply a range of style properties to your Artboards (fills, shadows, rounded corners, etc.), create Layer Styles, and set your own default style for them.

You can also choose whether or not Artboards clip their content from the Inspector. Artboards no longer include shadows by default, giving your Canvas a cleaner look.

Flexible Text Styles

A much-needed, and much-requested, improvement to Text Styles — alignment and color are now optional properties. This should make a huge difference to the number of Text Styles you need in your Libraries.

You’ll find options to exclude these properties both in the Components view, and in the More menu under the Text Style selector in the Inspector.

Markdown-like text override formatting

Sometimes, when you’re mocking up an interface, you’ll want to include a little styling in your text overrides — say, an underline to indicate a link, or maybe bold or italics. We’ve come up with a neat way to do this quickly some Markdown-like formatting syntax.

You can use this syntax to apply *bold*, _italic_, and [underline] formatting to any text overrides in the Inspector. Or you can select the text on the Canvas and hit ⌘ B, ⌘ I, or ⌘ U.

More updates and improvements

  • You can now exclude specific Symbols from showing in the Command Bar, Insert and symbol swapping menus. Ideal for placeholders, Symbols you only ever want to nest, or screen-size Symbols you don’t want to swap to.
  • There’s a new filter option in the Libraries panes of Settings and Document Settings to only show Libraries that are enabled.
  • You can now choose whether or not to include corners in your Layer Styles — making it easier to keep your corners consistent across images, Artboards and regular layers.
  • There’s a new toolbar item that shows a QR code to open your document in the iOS app, along with options to share its link.
  • We’ve added an option to select or deselect all Components in the Component Updates sheet when you have a Library update.
  • The Comments toolbar item now includes a detachable panel, showing all comments, authors and replies for your current document.
  • You can now adjust the corner radius and styles on any image — no need to create a mask anymore!
  • We’ve added a “Paste and Replace” option to replace your current selection with the pasted layer. You can find via Edit > Paste and the contextual menu, or use the shortcut ⌃ ⌘ ⇧ V.

Changes worth knowing about

  • When you use a layer with borders as a mask, those borders now visually appear above any masked content. To have borders appear below the masked content, use two layers; one with the borders, and another above to act as the mask.
  • After you draw an Artboard we no longer automatically enter renaming mode. Instead, you can double-click its name on the Canvas, or press ⌘ R.
  • If you apply a Tint to a group, it will not affect that group’s shadows (if it has any). Tints will now only affect the contents of a group.

As always, there’s a full set of release notes and bug fixes over at sketch.com/beta.

Enjoy!

14 Likes

Text updates… :fire:

1 Like

Amazing, as always!

2 Likes

Clever update of the artboards!

2 Likes

This is one of the best updates of Sketch ever. So many clever solutions. Really nice work!

4 Likes

Really nice updates :ok_hand: Also, I missed the option you added to hide a layer from the overrides menu. That is a huge quality of life improvement. No more empty symbol variants to achieve the same effect

3 Likes

Most of the updates already work really well. However, there are a few things that I noticed so here is a few of my initial impressions:

Text styles

  • More flexible text styles!!! This is a huge productivity boost!
  • I like the idea that everything is now done from the command bar, that’s cool. However, it still feels strange to use it for text styles since it is usually a centered window that covers canvas. It felt more natural to change it from Inspector, but the menus in Inspector were also not that great for this purpose, so I guess I still consider it an improvement.
  • The way that text styles are presented is a bit difficult to browse through. Maybe previews should be smaller. Style description (font, weight, size) is definitely too small and has poor contrast, very hard to read.
  • If I open command bar to change selected text style it doesn’t recognize it, it just adds a new text layer with that style. You have to specifically do it from Inspector which is a bit confusing.
  • We should be able to apply text styles to paragraphs in the same text field.
  • When you try to change text style of the selected text in the text box it results in a weird state where it didn’t change but the style shows a change (asterisk)
  • There are now some small bugs in the Components view regarding previews of Text styles
  • Maybe there should be an option to not include color and alignment by default. I almost never want to do that but Sketch still forces it for each new style
  • I’m unable to add paragraph spacing from the Components view for some reason, it defaults to 0
  • Markdown is great. We now need you to add more and more markdown options with time. Especially we need better lists. :slight_smile:

Comments popover

  • Nice improvement, Mac app needed a dedicated place for all comments too
  • Popover acts a bit weird at times, it points to toolbar but not Comments icon. I was thinking that it would maybe be a good idea to try a similar approach to how Navigator works – by default you place comments window so that it is anchored to a top right corner of the canvas. We can then either move it to different corners with handles or detach completely. I think it would feel stable that way.
  • It is a bit weird that you have to open Comments popover to be able to add a new comment. This is probably not a huge issue as we also have a shortcut, but still.

Image masking

  • This is really helpful
  • I wish it would behave like a mask so I can crop the image inside of the bounds. Rarely is the image in good aspect ratio to just apply rounded corners and be happy with it. We really need smarter masks.

That’s it so far. As I said before, really nice update. Exciting!

4 Likes

Thanks for all the feedback so far, folks! Keep it coming.

Thanks @wwwedran for the list and taking the time. I’m going to respond to a couple. The rest I have noted as bugs or feedback. We’ll look at those as well.

Text styles

Good catch! This is still on our to-do. It didn’t make the beta but I expect it will make the final release.

Could it be that you’re trying to insert text (^T) instead of replacing it (^cmdR)? it happend to me a couple of times as well in the beginning.

We probably can’t do this because of legacy reasons. This is a setting now See new changes below.

Comments popover
Feedback noted. Thanks.

Image masking

Yes, it has been on our mind. We need to make time for this. One day… hopefully soon!

3 Likes

That is exactly what I was doing, I didn’t even notice a Replace text style option tbh. I understand why it is done like that but this will break a very common pattern and I can see this being an annoyance. It adds a bit to the feeling that command bar is not the most natural place to manage text styles. At the same time I still like the idea of the almighty command bar. :slight_smile:

One thing about the new artboards – it would be interesting if there would be an option that artboard boundaries (including rounded corners) would mask the scrolling view instead of scrolling with the content. Maybe that could be an option in the Prototype mode connected to the selected device. Principle has something similar implemented.

I think it could be confusing at first, but I hope replacing is intuitive enough to get the hang of quickly. Plus, it makes insertion more challenging because you have to deselect your selection before running the shortcut. It’s a good point and we’ll keep a close eye on it.

Also after discussing this, we’ll make replacing dynamic and let it adapt to the component type selection.

I’ll take a look at the second point. Thanks.

1 Like

Hey everyone :wave: We’ve shipped a couple of new betas since yesterday already, but there’s an update just now that features a request that came up in this thread: There are now settings to exclude color and alignment from new Text Styles by default every time. There’s also a setting to include Corners in Layer Styles by default.

The setup here is the new default, so new Text Styles will not include color or alignment, and new Layer Styles will include Corners. Of course the beauty of settings is that you can change these to better suit your needs if you want. :sketchy_kawaii:

Also, copying and pasting a layer style will follow this setting for corners. You can hold down ⌥ to access the inverse of this setting when pasting as well.

5 Likes

@wwwedran :point_up_2: :smiley:

1 Like

OK, this was crazy fast! :smiley: Appreciate how responsive Sketch team is and how these new features are developed so close to the community!

3 Likes

Seems like Design Tokens exports got broken on the cloud, if file is updated to new v102 format.

@wwwedran

I didn’t know this. I’m assuming you’re using the right scrolling solution?

It turns out there are two options, and they behave differently. We’re going to take a look to see if we need to change anything. In the meantime, there’s also the left scrolling solution. Hope this helps!

Hi @oleksify

Thanks for sharing this! I’ll run some tests and share an update soon! :raised_hands:

I’ve shared this with the team so they can work on a fix, thanks again :raised_hands:

1 Like

A couple of bits of feedback on the command bar new features (Which is hugely appreciated by the way)

The default behaviour when pressing cmd+k and typing something is the fuzzy searched item is highlighted and ready to insert with enter. This should hold true for artboards, text styles and symbols. It’s actually kinda slow to start typing, press an arrow then enter or double click for the selected item. Considering they are under the mouse cursor anyway, I don’t see a reason not to do this.

I’d also love to use tab/shift tab to navigate options in addition to the arrow keys. The haptics are better considering your left hand is already on that side of the keyboard and it’s a common pattern in command palettes. And last but not least, I’d love to see/toggle the order of the options by most recent, again similar in behaviour to the default command bar. Considering most of the time I use one or two artboard sizes being able to press ctrl-a, tab, enter would be a fantastic productivity boost.

1 Like

A post was split to a new topic: Question regarding file performance