New Mac beta: 2025.1 (Athens) available now

Hey folks :waving_hand: We’re very excited to bring you a brand new beta, with a brand new version number — 2025.1 — and, for the first time, a name.

We’re calling this release Athens. As a city, it’s home to some of the foundational architecture of the modern world — and this Sketch release is all about foundational architecture. But before I get into the details, some important housekeeping…

Before you update

Opening documents in this beta will make them incompatible with the current stable release of Sketch (101.8). This will affect others you share documents/a Workspace with, too. Please make backups/only open copies of your documents in the beta.

Second, changes in this release may affect some plugins temporarily. We’re updating our plugins API to support these changes, but plugin developers may also need to make updates to stay compatible.

Finally, this release requires macOS Sonoma (14.0.0) or newer. We need to bump the system requirements from time to time to use new Apple APIs and technologies.

With that out of the way, here’s what’s new!

Introducing: Stacks

Yep, it’s finally here. An all-new layout tool in Sketch. If you know stacks in Framer, or auto layout in Figma, this is our take on it.

Since our early sneak peek we’ve added a host of on-canvas controls for things like padding and spacing, drag-and-drop support for adding layers into your stack, support for Symbols and their instances, and much more.

To create a stack, select a group, frame, Symbol, or even just a selection of layers and press ⇧S. We’ll set up your stack with our best guess at the layout you need (including things like replacing a background layer with a fill on the stack itself).

Stacks give you full control over size, padding, alignment, distribution, and styling. You can choose if items in a stack have a different alignment, fill all the available space, or ignore layout altogether. And that’s just the start.

New containers: Frames & Graphics

@paulozoom hinted at this in the stacks sneak peek, but we wanted to introduce a new, more flexible container alongside stacks. So, we’ve done that… and built one more for good measure.

Frames are the replacement — and upgrade — for artboards. You can nest them, style them with multiple properties (no more background layers!), apply resizing constraints to their contents, or apply a stack layout. In other words, they’re the container for designing UI views and components.

Graphics are a new container type for designing icons and other graphical elements. Like frames, they’re fixed-size, but their contents will always scale proportionally.

And yes, groups are still a thing. They hug their contents, and have no additional properties. So, they’re great for organizing and keeping specific layers together.

And so much more (seriously…)

Our previous beta featured big updates to the Command Bar and component swapping. I won’t go into detail about those here because @baxterma did a great job of demo-ing them in his sneak peek. It’s well worth a watch.

Beyond this, there are many, many, many(!) smaller improvements you might appreciate. Too many to list here, so I encourage you to check out the release notes. A few highlights for me, though:

  • In the Components view, there’s a new option to change the thumbnail background for your Symbols — ideal for those lighter icons that almost disappear on a gray background. You can pick between dark, light, or app appearance.
  • When you duplicate a layer many times consecutively, we now offset each new layer based on the distance between the previous layer and the one before that. A tricky one to describe, but try duplicating a layer, offsetting it a bit, and then duplicating again. You’ll see what we mean!
  • Alignment and text color are now optional properties in Text Styles. If you’ve found yourself with lots of text styles covering each alignment option in your Libraries, this one is for you.

How to get the beta

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.

How to 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.

We’ll also be around in the replies to help you get to know this update — especially if you’re unfamiliar with stacks and frames from other apps. So, whether it’s general feedback or a question about how best to use these new tools, we’re here to help.

Enjoy!

17 Likes

I have the first feedback:
I would love to be able to apply layout to any layer. It seems like that is not possible atm.

The simplest use case would be to create button around the label:

  1. Create text layer
  2. Apply stacks layout
  3. Add fill
  4. Adjust paddings
  5. Other styling…
2 Likes

You can do this. Press ⇧ S. But I understand your feedback - there is no button in the Inspector. I’ll investigate this issue!

3 Likes

Is there an equivalent to “Frame selected” from Figma, the equivalent of tapping cmd+G basically (Should also appear in right click menu)

1 Like

⌘ F will create a new frame around any object. You’re right though. Menu items for stack and frame related features will be added in a later beta.

2 Likes

Sorry quick addendum to this, if I have a rectangle selected and press shift s it’ll convert that rectangle to the background colour of the created frame :+1:

But creating a rectangle and pressing cmd F wraps it in a frame and leaves the rectangle as a child :-1:

It should be consistent and IMO the first behaviour is the better one or better yet, expose the option in preferences. We’re inferring that a bounding shape is a background with stacks and taking action, same should go for frames

1 Like

So exciting! Our design system uses “background cards” for symbols because they have special layers and styling that can’t be easily brought over to artboard styling so I’m trying to see how to make those work with the new Stacks layout. The “ignore stack layout” option appears to be my friend here.

That option appears to work in the original symbol but doesn’t see to spread to symbol instances? Top is the symbol, bottom is the instance without any overrides. Is this a known issue?

EDIT: hmm I moved the background card to a Frame and now it’s spreading to the instance but I’m not sure why.

1 Like

Hey! Yes ignore stack layout on your symbol would be the workaround for this specific case. But this is the time where we are looking at how to handle these cases better!

Does this symbol have any properties on it aside from the fill and corner radius? I’m asking, because you could make it a layer style instead. Yes, in Athens corner radii can be saved as part of the layer style now! And Layer styles can be applied to frames (and stacks).

Unfortunately we are dealing with a couple of issues regarding symbol instances displaying differently from their source, so it is known (sorry!) – but thank you for mentioning it.

That’s great, thanks! Yeah, I think button should be always available in Inspector.

As a Sketch and Framer user, I feel right at home – awesome job, team! :star_struck:
I’ve been having fun with the new feature for a few minutes, and I have a quick question.
In the famous video “Sneak Peek: Stack Layout,” there was a switcher to toggle between the new “Stack Layout” and “Smart Layout (Legacy).” Is that still going to be an option, or has that idea been set aside? Thanks!

7 Likes

Just wanted to say, because I was so excited to immediately get into testing, that first of all this is a monster update and congrats on shipping this many updates and new features. It’s been a pleasure going through all the release notes. Well done!

9 Likes

Yeah our cards symbol combine lots of configurable aesthetic elements:

  • A “glow” layer which is a subtle radial gradient showing at the top of the symbol
  • A “gloss” layer which is a 1pt inner shadow that gives a shine to the card
  • A solid layer which contains 2 different fills
  • A shadow layer made up of 3 separate shadows + is put inside a group so it can be tinted in its instances

I understand some of these could be moved over to artboard styling, but at minimum the glow layer can not and for everything else because we want to retain control over each element separately it would get pretty messy to migrate them all to layer styles.

But as I wrote above I ended up moving our background card to a frame and it’s spreading fine to symbol instances now but I’m not sure why, but maybe it’s just my lack of knowledge with the concept of frames versus groups.

Thank you! Yes - it is still there in the menu (Layer > Smart Layout) but it is not planned to be visible in the Inspector anymore.

2 Likes

Nudging settings don’t apply to Layout input fields. This should work the same on all input fields.

Also, this bings memories :slight_smile:

4 Likes

Try to force slide to right, you will find the first Sketch icon :slight_smile:

3 Likes

Thank you for the additional information, this is very helpful. Regarding your issue, it is hard to diagnose exactly but it might have been a refresh issue, but we’ll get someone to look into it. :+1:

Nudging is working here for me on the public beta build. Note we do not yet support negative gap or padding values, but the number will increase with the up arrow. If it’s not working please shoot me over a video and more info to firstname @sketch.com

@rafa is going to be happy someone already found this :smiley:

4 Likes

This is amazing and works like magic! ©
First Impressions:

  • It’s unbelievable for a first beta!
  • Works fast and intuitively
  • Min/max is missing

I’m really glad that I purchased an annual subscription!
We’re so back!:trade_mark:

9 Likes

Okay, so I have a new question that’s been on my mind. Maybe it’s a simple answer, and I’m just overthinking it! I’m curious about the difference between ‘Artboards’ and ‘Frame/Graphic/Group.’

So, I’m working on a desktop version of a landing page that’s 1600px wide, but I’d love to quickly see how it looks at 1920px. In the old Sketch with Artboards, I could easily grab and resize the artboard. However, in the new beta version, whenever I try to use Frame/Graphic/Group, I can’t seem to change the workspace area without everything getting misaligned and the proportions looking off. I don’t have any layout settings turned on, so I’m wondering if this is intentional—like a new feature—or if it’s a bug?

Thanks so much for your help and patience! I’ve attached a video below to show what I mean. Looking forward to your thoughts!