First, we're introducing Color Variables, a new type of Component that gives you the ability to save colors and sync them across your design. Any time you edit a Color Variable, it'll apply to every layer that color is in use.

We’ve also given all of your document’s Components a new home. The new Components View is the best way to edit, organize and browse local Symbols, Text Styles, Layer Styles and Color Variables in one place.

You'll also find a new, faster way to browse and insert local and library Components — the Insert Window. This window lets you search for individual Components, then drag and drop them right into your document to apply them to particular layers.

Resources

Intro to Sketch 69 video: https://www.youtube.com/watch?v=5Wh8arkG-X8
Color Variables tutorial: https://www.youtube.com/watch?v=cCI90k68L2M
Components View tutorial: https://www.youtube.com/watch?v=xRQVkiujlxo
Insert Window tutorial: https://www.youtube.com/watch?v=vL2GbZoDxx4

Download

And of course, to download Sketch 69, head to sketch.com/updates 🎉

October 6, 2020 at 5:58pm

r-s-olsen@bobbyscotty

5:58pm

Is there a roadmap to make color variables overrideable? I was excited for the feature upon first hearing about it as I thought I might finally be able to move away from my color symbols, but without being able to override them in my nested symbols, this is doesn't really help me at all. It seems like the only way to make it functional is to create layer styles using color variables as their fill color, but that just seems like extra work for the end-goal of having a single source of colors for all of my things.

Edited

October 22, 2020 at 10:31pm

Joel Brown@joelandrewbrown

10:31pm

I've just discovered the same thing. I really hope this happens soon!

October 27, 2020 at 10:40pm

snds

10:40pm

Am I the only one whose color panels have been completely screwed up by the introduction of variables? The naming structure no longer seems to exist and makes it impossible to parse when looking for a color in a library.