: How to efficiently make a tab bar in Sketch? So Sketch has symbols. These are great if every instance of the symbol across your various artboards is exactly the same. But what if say you

@Gail6891361

There's a plugin called state machine that solves your task.
Article: medium.com/evil-martians/state-machine-3337b8776b49#.ysgrd1b2e Plugin Download: github.com/romashamin/statemachine-sketch
I don't know if you're familiar with sketch plugins. Sketch toolbox is a good way for managing plugins. sketchtoolbox.com/

Vote Up Vote Down

@Megan533

Nested symbols can help you out here.

Make your tab bar with all tabs in the same state, e.g default.

Create a symbol from it - TabBar/Default

In the symbol page, insert an instance of the TabBar/Default symbol (not a copy) for each tab.

Make an active state for tab 1, position over one of these instances, and create a new symbol - TabBar/Tab1_active

Repeat for each tab.

If you later need to change the colour of the tab bar background, this now only needs to be done in TabBar/Default.



If possible, using styles or symbols for the Active tab can reduce effort for changes too.

Vote Up Vote Down