Examples of Design System Sketch Files?

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

  • Jon MooreJon Moore, over 2 years ago

    Hey Sean! If I can toot my own horn a little bit, UX Power Tools is built in a sustainable fashion using all of the techniques you highlighted: text styles, layer styles, and symbols (many of which are nested).

    You are NOT wasting time by prioritizing interlinking, style usage, and symbols. It will save you incalculable amounts of time in the future. So keep doing what you're doing.

    If you're interested, here's a link for the system we've built:

    https://www.uxpower.tools/

    4 points
    • Sean LesterSean Lester, over 2 years ago

      You can — and UX Powertools was my starting place. I purchased it, but ultimately decided that for my needs it was maybe TOO flexible and, honestly, that I really needed to build it myself from the ground up to cross the knowledge/skills gap. I wanted to really understand why everything was the way it was and how to build things myself in the future... and reverse engineering files like yours and Jan Losert's helped me do that. So thanks :)

      2 points
      • Michael G., over 2 years ago

        Same here. I started exploring UX Powertools, loved it, but found it a bit complex, especially to roll out to a team of people with mixed experience in Sketch.

        In the end, I've built a library from scratch, containing the most common components we use, along with basic wireframe elements (boxes, shapes, placeholder, etc.). I spent significant time testing each thing I created, making sure things resized appropriately. In creating it, I've organized around atomic design principles, but for my team, I've changed the naming convention to keep things simplified. Everything we use regular is in a folder called "Components," and the next step up from there is Patterns, consisting of groups of components. From there, we will collaborate on building out reusable templates that suit best practices and our POV on things.

        I'm definitely glad I took the time to build from scratch. I know it inside and out, which will help team members troubleshoot anything they have problems with.

        1 point
        • Sean LesterSean Lester, over 2 years ago

          I was planning to do the same with naming, but ended up adopting atomic (even though I hate the metaphor [for no good reason]) because the developers were already using atomic — so it seemed that it would be wise to all use a common language.

          2 points