7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Web Design
  2. Sketch

How to Organize Your Sketch Styles and Symbols Like a Pro

Scroll to top
Read Time: 1 min

In this “Quick Tip” screencast I’m going to show you a trick to brilliantly organize your styles and symbols in Sketch.

The Problem

Your normal approach to symbols and shared styles in Sketch is probably fine, but does it scale? What if you’re designing a website which needs thirty different styles, light variants, dark variants, different background combinations, fifty-something symbols, and so on? Selecting the styles you need, from an ever-growing dropdown list, becomes quickly tiresome.

Let’s see how we can group (and sub-group) our styles and symbols to give us a more organized way of selecting them further down the line:

Grouped styles in SketchGrouped styles in SketchGrouped styles in Sketch
Grouped styles in Sketch

The Solution

Useful Links

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.