O'Reilly logo

Jump Start Sketch by Daniel Schwarz

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required