Tim Davies

leading product and engineering for the @Sketch web app 💎 🏳️‍🌈

[Tim Davies @tmdvs]

@duncanmcalester @sketch You can! We have an example project on Github, showing how you might download the tokens via the URLs provided in the export modal, and then update them to your source at build time.

https://t.co/zTlqiLx7Zd

https://t.co/NTO3OmrR6X

[Tim Davies @tmdvs]

@chunwui When inviting a guest to a document, you can specify whether they can comment or not.

[Tim Davies @tmdvs]

We also heard you RE a proper layer list in the web app, and so… here it is! 🔍

[Sketch @sketch]

We’ve also added a full layer list for inspecting designs in the web app — making it easier to find layers, jump to them, copy links, grab CSS, or export your selection. There’s a handy new contextual menu, too. Also, you can invite the devs in your team to use this for free! 🧵↓

[Tim Davies @tmdvs]

Sharing only specific pages and prototypes is something that users have been asking for… so here it is, "previews" ✨

[Sketch @sketch]

We’re kicking off the year with four new features — starting with previews!

With previews, you can choose the pages and prototypes you want to share with clients, while keeping the rest of your document private. 🧵↓

[Linda Dong 🍉 @lindadong]

Okay! Here are the tools we’ve got for you to design with Liquid Glass and the new design system.

🎨 Sketch Libraries – https://t.co/QBtrEDJ764

🔜 Figma Libraries – Coming soon!

🎼 Icon Composer App – https://t.co/PaSZES8Tdd

📚 HIG – We updated like every page! https://t.co/S4oAjrjzNU

🎬 Videos – start with Meet Liquid Glass https://t.co/wrB8y2WKbU

[Tim Davies @tmdvs]

@sdw Three-dimensional, Pyramid evokes points of interest, vaguely compass pointer shaped… AR Navigation?

[Sketch @sketch]

Some details from @RamsesCabello of how handoff looks with Stacks. New box model preview, flex CSS output, all in any browser — and dev seats are free!

[Tim Davies @tmdvs]

Feels like a whole new game

[Chris Downer @cjdowner]

Here's a comp of things you couldn't really do before Sketch Athens.

[Tim Davies @tmdvs]

The biggest Sketch release ever just dropped, and it’s a beast. ✨

So much care and craft went into this one from right across the company. "Proud" doesn’t begin to cover it.

There’s too much to cover in a single post, so check out the official thread below 👇

[Sketch @sketch]

Remember when we said auto layout was coming to Sketch? It’s here. It’s called Stacks, and it’s part of our biggest release ever — out now.

There’s a lot to cover, so buckle up and we’ll give you a tour.

Also, stick around for a surprise at the end of the thread 👀

Let’s go ↓

[Tim Davies @tmdvs]

🚨 More amazing work shipping from @sketch

Super proud of the web team 👏 Not only because of the overhaul of our web app's UI, but for shipping much requested features, like the ability to export any layer without the need to define it in the mac app first (finally, we know) 🎉

[Sketch @sketch]

What did we do in 2024? We asked @rafahari (and a few friends) to show what we shipped… and… well… enjoy!

[Tim Davies @tmdvs]

On a serious note, At the end of this release’s promo video, you will spot a special message…

The release is dedicated to a friend & colleague, without whom much of @sketch wouldn’t exist.

I’m proud that we could dedicate this release to him.

Thank you, Gavin 🥃

[Tim Davies @tmdvs]

Animated prototypes? Exporting any layer from the web without waiting for your designer colleague to mark it as exportable?? A new UI in the web app making it easier to navigate your workspace???

It’s like a whole new game!

[Sketch @sketch]

🆕 in Sketch: Smart Animate, easy Library replacements, better PDF exports, all-new web app UI, better dev handoff, and so much more!

Our latest update brings a bunch of new features and improvements, starting with a new Prototyping feature…

Smart Animate
We’ve had plenty of requests to bring animation to Prototyping — so we’ve done just that.

Smart Animate looks for layers with the same name across different Artboards and animates the changes between them. If you’ve used Magic Move in Keynote, you’ll find this pretty familiar!

If you want to see Smart Animate in action, check out our blog post where we’ve run through a few examples of how you can bring it into your designs: https://t.co/cMmLh68sSD

As part of Smart Animate, we’ve added easing and duration options for transitions, and introduced a new transition — dissolve.

Easy Library swaps
You now have a couple of ways to swap the underlying Library and replace the Components in your document.

You can choose to replace all Components, a single Component type or your own custom selection of specific Components. This one is super handy if you’re doing things like theming, or designing for dark and light modes.

Color Variables in gradients
We know, this one has been a long time coming. There’s not much more to say on this one, but we’re glad it’s here now — and we hope you are too!

Better PDF exports
You can now choose which Artboards to export, optionally add Artboard titles and render Artboards as bitmaps for more precision. Also, for Workspace documents, you can include all comments in your PDF or as a separate CSV file.

Sketch en español
Di ‘hola’ a diseñar en español. A partir de ahora, podrás usar Sketch en español e interactuar con la interfaz de manera más familiar e intuitiva. (For non-Spanish speakers: That’s us explaining you can now use Sketch in Spanish.)

All-new web app UI
Following on from our document view refresh, we’ve given the rest of the web app’s UI an overhaul. There’s a new font (Inter, in case you’re wondering), new iconography, and new thumbnail styling for a greater sense of hierarchy.

Better developer handoff
Developers using the web app for handoff can now export any layer in a document without it being set to export in the Mac app first. You can set your export size/scale, format and filename prefix/suffix — all within the browser.

…and so much more
There’s a bunch more improvements in the Mac app, like renaming Artboards on the Canvas, HEIC exports, and click-and-drag support for scrolling areas in prototypes. And of course, a few bug fixes, too.

Find out more at https://t.co/xVrtfjE4VJ or open the Mac app now to update!

[Sketch @sketch]

🆕 in Sketch: Smart Animate, easy Library replacements, better PDF exports, all-new web app UI, better dev handoff, and so much more!

Our latest update brings a bunch of new features and improvements, starting with a new Prototyping feature…

Smart Animate
We’ve had plenty of requests to bring animation to Prototyping — so we’ve done just that.

Smart Animate looks for layers with the same name across different Artboards and animates the changes between them. If you’ve used Magic Move in Keynote, you’ll find this pretty familiar!

If you want to see Smart Animate in action, check out our blog post where we’ve run through a few examples of how you can bring it into your designs: https://t.co/cMmLh68sSD

As part of Smart Animate, we’ve added easing and duration options for transitions, and introduced a new transition — dissolve.

Easy Library swaps
You now have a couple of ways to swap the underlying Library and replace the Components in your document.

You can choose to replace all Components, a single Component type or your own custom selection of specific Components. This one is super handy if you’re doing things like theming, or designing for dark and light modes.

Color Variables in gradients
We know, this one has been a long time coming. There’s not much more to say on this one, but we’re glad it’s here now — and we hope you are too!

Better PDF exports
You can now choose which Artboards to export, optionally add Artboard titles and render Artboards as bitmaps for more precision. Also, for Workspace documents, you can include all comments in your PDF or as a separate CSV file.

Sketch en español
Di ‘hola’ a diseñar en español. A partir de ahora, podrás usar Sketch en español e interactuar con la interfaz de manera más familiar e intuitiva. (For non-Spanish speakers: That’s us explaining you can now use Sketch in Spanish.)

All-new web app UI
Following on from our document view refresh, we’ve given the rest of the web app’s UI an overhaul. There’s a new font (Inter, in case you’re wondering), new iconography, and new thumbnail styling for a greater sense of hierarchy.

Better developer handoff
Developers using the web app for handoff can now export any layer in a document without it being set to export in the Mac app first. You can set your export size/scale, format and filename prefix/suffix — all within the browser.

…and so much more
There’s a bunch more improvements in the Mac app, like renaming Artboards on the Canvas, HEIC exports, and click-and-drag support for scrolling areas in prototypes. And of course, a few bug fixes, too.

Find out more at https://t.co/xVrtfjE4VJ or open the Mac app now to update!

[Tim Davies @tmdvs]

Check out what @RamsesCabello has been able to create in the current @sketch beta 👀

[rc @RamsesCabello]

ଘ(˵╹-╹)━☆⋆ ˚｡⋆ we've prepared a public doc with the gacha smart animate demo 〜

(*ˊᗜˋ*)/ thanks @Keir @dfmedrano @BrettArchibald @freddiewrites for helping out

↓ link to the doc in the next post

[rc @RamsesCabello]

ଘ(˵╹-╹)━☆⋆ ˚｡⋆ we've prepared a public doc with the gacha smart animate demo 〜

(*ˊᗜˋ*)/ thanks @Keir @dfmedrano @BrettArchibald @freddiewrites for helping out

↓ link to the doc in the next post

[Tim Davies @tmdvs]

Many of us who've worked at Sketch over the last eight years and many in the Mac dev community lost a good friend over the weekend.

It's a stark reminder of how precious and fleeting our time together is and how it can be over without notice.

Be like our friend, be kind.

🥃

[Tim Davies @tmdvs]

👇 Paulo is seeking feedback on layout mechanisms in @sketch – now's your chance to influence how we implement these features 🏃‍♂️

[Paulo @paulozoom]

We’re bringing auto/stack/flex layout to @sketch and I’d love to know:

→ What are your must-haves?
→ What should we borrow from other tools?
→ What’s missing or lacking in other tools?

Let me know in the replies! 👇

[Tim Davies @tmdvs]

👀 📐 🤖 ✨

[Sketch @sketch]

We’ve had a lot of requests for auto layout in Sketch. Like, a LOT. So we’re making it happen. It’s on the way and we can’t wait to share it with you 😎

[Tim Davies @tmdvs]

Lots of work went into this behind the scenes to ensure it is a super smooth experience and just works ®

Not only is your document always synced as you work, but fewer versions from cmd+s spam leads to more meaningful versions in the web app for your colleagues to work from 🧑‍💻✨

[Sketch @sketch]

We automatically and regularly save your Workspace documents as you design — no need to manually save anymore. Press ^⌘S to create a new version, add a description or a star — great to indicate important updates and control what Viewers and Guests can see.

2/5

[Sketch @sketch]

🆕 Our latest update just dropped! We thought we’d sneak in a smaller update just before 100 with a few fun quality-of-life improvements and the usual collection of bug fixes. Let’s explore them in more detail 🧵

Find out more and grab the update: https://t.co/EJG55I6v63 🔗
1/5