Equivalent of layer comps in Sketch 3

7 years ago from Taron Ghazaryan, Product Designer

  • Derek PunsalanDerek Punsalan, 7 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 GhazaryanTaron Ghazaryan, 7 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, 7 years ago (edited 7 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, 7 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