Equivalent of layer comps in Sketch 3

9 years ago from , 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?


  • Patrick LoonstraPatrick Loonstra, 9 years ago

    You are right. And I think Sketch misses this. Please push it to Bohemian code as a feature request.

    2 points
  • Jeremy WellsJeremy Wells, 9 years ago

    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.

    1 point
  • Bruno FelicioBruno Felicio, over 8 years ago

    I guess the only way is to use artboards...

    0 points
  • Mal SMal S, 9 years ago

    Check out plugins call dynamic buttons

    0 points
    • Kurt MadsenKurt Madsen, 9 years ago

      Can you provide a link?

      0 points
    • Taron Ghazaryan, 9 years ago

      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.

      1 point
      • Tori ZTori Z, 9 years ago

        For now I think the best solution is to create 4 separate symbol.

        1 point
    • Derek PunsalanDerek Punsalan, 9 years ago

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

      1 point
      • Taron Ghazaryan, 9 years ago

        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.

        Image alt

        4 points
        • Louis-André LabadieLouis-André Labadie, 9 years ago (edited 9 years ago )

          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.

          0 points
          • Vasiliy LeytmanVasiliy Leytman, 9 years ago

            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 ;(

            1 point