Sketch

Sketch

@sketch.com

Designers, welcome home. Get started at sketch.com

1.4K followers757 following480 posts

Pinned

🆕 Better stacks! Blurs on groups! Glass and fade combined! It’s update day! 🆕 First up, we’ve added min/max sizes, relative sizing, negative gap and z-index order options to stacks. Plus a whole bunch of smaller improvements, all based on your feedback. ↓

The prototype player is great for…playing prototypes, BUT! also for previewing changes you make in situ. Turn off Follow Selection to keep it pinned to your current selection. Now you can switch to something else, like a Symbol and see changes you make in context.

Your client doesn’t need to see the chaos on the “Don’t use” page. That’s what Previews are for. Pick the pages you want to share, get a link, give it a password (or don’t) and they can take a peek in any browser. We can’t make the feedback any better, though. Sorry.

Things you can do with corners in Sketch: - Round them on the Canvas (or in the Inspector) - Choose how smooth they are - Round them on boolean shapes - Set their radius to MAX (which sticks at any shape size) - Set them to Auto for perfect concentricity with their parent shape

Did you know you can copy a color from Sketch in your favorite format? Hex, RGB, HSL, SwiftUI, NSColor and UIColor (in their respective Obj-C and Swift flavors). We got ’em all covered. And we’ll remember what you picked for next time.

Overlapping stack items is nice but have you ever wanted to decide which order they overlap in? Well do we have an Inspector control for you!

Depending on how the design crit is going, you can take one of two approaches in Sketch: 1. Filter for unread comments, detach the comments panel, click each comment to go to the relevant layer, make changes, hit resolve, respond politely. 2. Mark all as read.

When we shipped stacks last year, the most common request was “but what about overlapping cards or avatars?” Well, you can do those now! Give your stacks a negative gap and your items will overlap. You can even choose the order they overlap.

You ↳ Can      ↳ Nest           ↳ Here               ↳ Too

“When I add borders to my stack items it messes up my layout!” We got you. You can exclude them from the layout now.

You can give your items in your stacks a minimum and maximum size, so if they grow or shrink they stop at a sensible point. Naturally this only applies to items with a non-fixed size. If you fixed their size we’re going to assume you got that just right.

Two color picker tips for you: 1. Hold shift to select a color variable instead of a raw value. You have to be using a color variable to start with, of course. And you are, right?? 2. Scroll to make the loupe bigger so it’s easier to grab the right color in tight spaces.

Things you can do with a FREE Sketch dev seat in any web browser: - View designs (the whole thing, on a proper web canvas, yes, really) - Leave comments, get replies, “passionately discuss” implementation details - Measure between layers in designs, toggle grid and layout views 🧵 1/3

- Copy layer properties and CSS - View colors and copy in your favorite format - Export any part of a design — from a single layer through to an entire frame — in the format you want, on the fly - Navigate the document’s full layer list 🧵 2/3

- Export design tokens (for color variables, text styles and layer styles) - View all the symbols, styles and variables in a document and see if they come from an existing Library or not - Yes, it’s all free 🧵 3/3

Image backgrounds be gone! All it takes is one click. It’s fast, it’s accurate, and it all happens on your device. Go remove some backgrounds!

Sometimes you just want to paste a shadow, or a fill, or a border, or an effect… Luckily, you can! Use Option-Command-C to copy a layer’s properties, right-click another layer and choose what you want to paste. Also, holding Option while you paste replaces existing styles.

Connect your Sketch Workspace to Slack, paste a link to a document (or page, or frame, or preview…), and get a nice big preview right where you’re chatting. We’ve saved you a click, and possibly 2 minutes of your day. You can have that time back. You’ve earned it, champ.

ICYMI you can style borders independently in Sketch now. Or altogether. Whatever makes you happy!

Lots of new Stacks stuff just shipped ↓ - Negative gaps - Min/max sizes - Relative sizing - Z-index order controls - Better canvas overlays - Reorganized Inspector controls

Things you can do in Sketch now that you couldn’t do a week ago: 1. Give groups blurs 2. Add multiple shadows to frames (without fills) and groups 3. Use glass and fade simultaneously 4. Fade a layer with an existing lower opacity

🆕 Better stacks! Blurs on groups! Glass and fade combined! It’s update day! 🆕 First up, we’ve added min/max sizes, relative sizing, negative gap and z-index order options to stacks. Plus a whole bunch of smaller improvements, all based on your feedback. ↓

Next — support for shadows and effects in more places. Blurs on groups, multiple shadows on frames, simultaneous glass and fade effects, and some performance improvements to support it all. ↓

This beta requires macOS 15 Sequoia or newer. Also, documents you open in this beta won’t be compatible with older Sketch versions. Don’t say we didn’t warn you. Got feedback? We’re talking shop in skt.ch/discord

🆕 Better notifications and an all-new Command Bar in the web app 🆕 We’ve brought the Command Bar to the web app, Hit Cmd-K (or Ctrl-K on Windows) to bring it up and do a whole lot more without leaving your keyboard. ↓

In the new Inbox, you can filter notifications, see them arrive in real-time, get rich previews and relevant options to work with them. We’ve also added new notifications to give you a better idea of what’s happening in your Workspace. ↓

Get all the details, along with more improvements and fixes (Better performance! New design tokens format! More preview sharing options!) over on the changelog ↓ skt.ch/ZvNUiqc

ICYMI — we just shipped Oklab and Oklch gradients, multi-paste, a better prototype player and biiiiiiig performance improvements for Symbols and replace Libraries. Take a look ↓ skt.ch/edinburgh

🆕 A small-but-mighty update, full of good stuff™ for you! 🆕 First up — perceptual (Oklab) and vibrant (Oklch) gradients. Standard RGB blending can get a little muddy, but now you can have your gradients look smoother or more punchy. 🧵 ↓

View full thread

Our prototype player has a couple of neat updates: there's an option to keep the window on top of any others, and you can now choose if its contents change with your selection or stick to a specific frame. 🧵 ↓

🆕 A small-but-mighty update, full of good stuff™ for you! 🆕 First up — perceptual (Oklab) and vibrant (Oklch) gradients. Standard RGB blending can get a little muddy, but now you can have your gradients look smoother or more punchy. 🧵 ↓

Next: multi-paste. You can now paste, paste over, or paste and replace across multiple frames, groups or layers in a single action. Paste behavior in general is also just a bit more predictable. 🧵 ↓

Speaking of pasting, you can now copy and paste pretty much any property from a layer — including size, position and prototyping interactions. All you need is ⌘⇧C. 🧵 ↓

Now in beta: - Multi-paste - Oklab and Oklch gradients - A biiiig performance boost for Symbols - An even bigger performance boost for replacing Libraries - Lots - More - Small - Improvements Get all the details and a build at sketch.com/beta

We’re working on stacks improvements! What do you love about them? What bothers you? What tiny (or huge) improvements would you like to see? Tell us right here ↓