Jump Start Sketch

Chapter 3 Shared Styles and Symbols

You might be familiar with Cascading Style Sheets (CSS), the coding language that developers use to style websites. Sketch’s own styling deeply resembles CSS, and as we saw in Chapter 2, Sketch can even convert its own styling into CSS for us.

However, Sketch’s beautiful friendship with web design doesn’t end there. This chapter will explore the ways in which we can keep multiple layers (or blocks of layers) consistent by making the styles reusable, so that when you want to change the look of recurring elements—such as buttons—you only need to do it once.

It works like this for individual layers:

1. you create a layer and style it
2. you make it reusable (it’s now called a Shared Style)
3. you duplicate it however ...