Sketch

Ah, good to know. I’ll let the folks working on the importer know just in case we can do anything about that.

Hmm, should be working! Here I’m recording in our latest beta, but I checked our latest stable release and that’s the same. Are you using your PNG as a fill for a layer? Or just dragging it directly onto the Canvas (like I have here)?

Yep, no grid yet unfortunately. You can nest stacks within stacks to have horizontal and vertical layouts together. We also want to bring wrap to a future update (soon!) which may help here as well.

Re: reverting a Stack back to a group, you can do the following: (1) Delete the stack layout by clicking the trash can icon in the Layout section of the Inspector (2) Switch the container type back from Frame to Group at the top of the Inspector.

Something that might help here is that hide/show layout is now mapped to ^L — that’s still a bit of muscle memory to remember to hit that instead of ⌘L, but if you want to, you can map those the other way around in your macOS Keyboard Shortcut Settings. Then you’d be back to using the old shortcut.

Of course, thanks for such a detailed response! I’ll reply to a few things individually here and @paulo.is (who led things on Frames) is going to dig into the pinning stuff with you.

working on a small collection of button styles in @sketch.com. Let me know if you want access to the file once it's done.

I still remember years ago how I used to dig through other people's files to learn how to do certain things/effects.

So maybe it will be useful for someone still today

I’m sorry it’s not working for you! Can you tell me a bit more about why Frames aren’t suited to your style? Might be able to make some recommendations that can help.

Sorry about the shortcut as well, always a tricky one for us to get right. I’m sure whatever we choose would’ve tripped someone up!

Thanks — we can improve here for sure!

👀 you’d be surprised at how many people have!

🫶

Thanks so much for the feedback! 🙌 We’re already looking into some of this, and it’s super helpful to hear how you’re using stacks. Really appreciate you taking the time to share.

We’d love this too! On our side, we have an open file format and we’re happy to support Framer if they’re willing to build an importer. Feel free to make your wishes known to them!

Introducing Frames - Tutorial Sketch is the home for your entire collaborative design process. From early ideas to pixel-perfect artwork, playable prototypes and developer handoff. It all starts here.

Frames within frames within frames within fra…

If you’re getting to grips with Frames, we’ve got a tutorial doc to help!

Open this one in Sketch and we’ll give you a quick lesson.

skt.ch/EhROxKg

Not every app yells at you to move. Gentler Streak uses your Apple Watch data to nudge you (kindly) in the right direction. Check out the full episode on YouTube: skt.ch/tl4

ICYMI — we shipped Stacks about a month ago, and while the best time to try Stacks was a month ago, the second best time is now.

Here’s @cjdowner.com with a walkthrough ↓

now in beta:
🫨 progressive blur
🔍 liquid glass
🎯 concentric corners

I’m not sure where it’s all come from either but I’m glad it’s happening!

See the future of Sketch! Download the latest Beta Get hands on with our latest and greatest features and improvements first. Download the latest beta for the Sketch Mac app here.

Not on the beta yet? Grab it from skt.ch/beta. You’ll need an active subscription or license — and make sure to keep backups of your documents. It’s a beta, after all.

Also, ICYMI: this beta includes progressive blurs! Linear ones, radial ones, ones with multiple stops.

Here’s a review from @raphaellopesph.bsky.social 🧵 ↓

bsky.app/profile/raph...

There’s a new option for automatic concentric corners — based on your layer’s distance to the nearest container. Now you can unbookmark that post with the formula you refer to. 🧵↓

That glass you’ve all been talking about? It’s available now in our latest beta. Take it for a spin and let us know what you think! And that’s not all… 🧵↓

it’s been a BUSY two weeks

Final slide showing an abstract gradient effect with horizontal blur lines in bright colors. Caption: “This effect is a fun one to experiment with — enjoy!” Sketch logo displayed below.

Alright, that’s a wrap on this tutorial. If you make something using it, be sure to share it with us and tag #MadeWithSketch.

Also, don’t worry, that other glass you’re really interested in… it’ll be here sooner than you think 👀

As a final step, add a radial progressive blur across the composition. Use these blur stops: – Center: Blur 0 – Middle: Blur 4 – Outer edge: Blur 13 – Apply to the entire layer.

Add a text layer above all other elements. Set the following text properties: – Font: League Gothic, Regular – Size: 170 – Line height: 204 – Color: white – Opacity: 100% – Blend mode: Overlay.

Duplicate the “Glass” symbol horizontally across the circle until it is completely covered by repeating diagonal lines.

Add an instance of the “Glass” symbol over the gradient-filled circle. Stretch the symbol so it covers the entire shape diagonally.

Create a new 32×32 frame and convert it into a symbol called “Glass.” Apply the following settings: – Fill: solid black (#000000), 100% opacity – Inner Shadows:  1) X: 0, Y: 0, Blur: 0, Spread: 0.5, Color black  2) X: 0, Y: 0, Blur: 11, Spread: 5, Color black – Set both inner shadows to use the Overlay blend mode – Blur: Background blur set to 46 – Saturation: 30%.

Start by creating a 350px diameter circle in Sketch. Apply a linear gradient fill going from bottom-left to top-right, with color stops: – Bottom-left: #B22BFF – Top-right: #3CE4FF.