Home

Welcome to the overlaytoggler wiki!

This overlay was created to solve a communication problem between design and development. It was initially conceived of using hidden layers in a shared symbol library. The plug in would simply toggle the visibility of these hidden layers.

There were issues with this approach. Our design shop is also using the Anima plug-in, and the hidden overlay layers were interfering with the override-driven resizing provided by that plug-in. Also, because each hidden layer had to be exposed as an override, the override panel within Sketch was getting overloaded with visual clutter which really only needed to be machine-readable.

Eventually we pulled all the hidden layers out of our symbols, and now I'm taking suggestions on how to refactor this plug in to be less reliant on hidden layers, yet still convey the proper css classes necessary for developers.