Examples of Design System Sketch Files?

over 2 years ago from Taylor Palmer, UX @ Lucid + uxtools.co guy

  • Adam Nelson, over 2 years ago

    I can tell you from my own experience that the setup process is long and very very detail oriented, but worth it once you can build out a whole series of separate uis that all connect back to a single source of truth. So when that one icon needs to be updated, you tweak it once.

    I've settled on a model of two overlapping systems personally. Our UIs are based on Material Design, so I build out the Material standards first. Then, to keep that pure, I set up a second library that provides any custom elements we create. Finally, any actual UIs we create include both libraries, only deviating from the Material spec where necessary. This allows us to incorporate any changes from Google safely and cascade them down through the whole tree.

    Check out https://github.com/adamnel/sketch-material to try it out. It works for me as a single contributor but I'd love feedback and to extend the Material library for broader use.

    1 point
    • Sean LesterSean Lester, over 2 years ago

      Wow, thank you — I actually need to make material variants of many of our components so as not to ruin the lives of our Android devs... so this is going to be incredibly helpful as a reference.

      1 point