9 years ago from Taron Ghazaryan, Product Designer
One of Photoshop's strongest features is the combination of layer comps and smart objects. A nav bar that lives in a separate PSD and has different selectable states via layer comps is super organized.
Sketch has symbols but unfortunately you cannot have different states of a symbol. Is there a workaround for this? Or something similar to layer comps for Sketch?
You are right. And I think Sketch misses this. Please push it to Bohemian code as a feature request.
Unfortunately there is nothing quite like Layer Comps for Sketch. This has been one of the major reasons I haven't used Sketch for any serious work yet.
I guess the only way is to use artboards...
Check out plugins call dynamic buttons
Can you provide a link?
Not exactly what I'm looking for.
For example: I want to create an iOS tab bar as a symbol and have 4 different states for each selected tab. Super easy to do in PS, impossible in Sketch.
For now I think the best solution is to create 4 separate symbol.
The dynamic button plugin has nothing to do with layer comps. That plugin can be found here: https://github.com/ddwht/sketch-dynamic-button
OP, unfortunately I haven't seen any plugins which support what you're looking for. While Sketch could benefit greatly from the feature, the app is light / fast enough that I simply create multiple versions of a symbol.
I actually rely on Duplicator (https://github.com/turbobabr/duplicator) to quickly generate a few copies of a component before creating Symbol "states".
The problem with duplicating it is that if you need to go back and change something, you would have to change it in each instance.
One workaround I found is making a shared style for each element (selected state, default state, etc). That way if you update the style, it will be reflected everywhere.
This is the best answer, currently. Sketch's global styles provide a solution that is partial, but closest to layer comps.
Instead of a nav bar with four states, you'll have a nav bar with links on which you apply a "normal" or "active" style, for example.
yep, but the bad thing is if your nav bar has changing icons in states (like one icon for normal state, and another for pressed state), it's still unresolvable with sketch ;(
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now