UX Power Tools Just Released their Mobile Design System for Sketch(uxpower.tools)

almost 3 years ago from Christian Beck, Executive Design Partner

  • M. de Winter, almost 3 years ago

    Hey Jon Moore, Thank your for your response. I fully understand the intention behind your UXPT. I also understand the metaphoric paragraphs about Bootstrap, Sass, Chefs and onions. I think you are going to sell your product pretty successfully.

    I just think that, after reviewing the .sketch file itself thoroughly, it does not embrace the Atomic Design principles in it's most raw sense as you'd like it to do.

    What I do think that UXPT does well is this: being an optimised styleguide for sketch. It starts with the first 2 pages within the .sketch document: setting the colors and fonts for your project and directly implementing and translating those settings to basic UI elements. Good job!

    I think you guys could improve the UXPT tool by:

    • Implementing HCI guidelines from iOS10 and Material Design instead of the current UI elements (they look 'cute' but are not usable for real mobile projects) This is mandatory for a good mobile design system.

    • Emphasise on how to expand the 'design system' by seducing users (= the designers) to create their own custom UI elements instead of giving them a bunch of (IMHO) useless 'cute' UI elements (like the 'range sliders', 'calendar', etc...). Basically try to facilitate in letting the user go through its own Atomic process instead of already giving organisms, templates and pages. A design project does not start in sketch... it starts op paper.

    • Implement your .sketch file in Craft Library. This makes the process probably even more faster than 5x - 10x. Also saves a lot of RAM.

    Thanks for your response, let's just say that we have different opinions on what a design system should be. I think it's way more complex than offering a .sketch file with some steps from a workflow that is personal and different for every designer.

    Good day to you!

    2 points
    • Jon MooreJon Moore, almost 3 years ago

      Craft Library has never been reliable for us, so we've avoided using it. Just a personal preference!

      I have personally used this system on multiple real mobile client projects, and have created dozens of new atomic elements for myself on each project, so this system definitely isn't all-inclusive. It can, however, give you a huge jump start.

      I don't expect users to use all of the components in the file, and that's okay! But if they're going to be constructing (the key word) a lot of these components in a similar way anyway, why not get a head start? Text boxes, however they look, are always text + rectangle. I do that the same way every time, so this just gives me a head start and I can customize it as needed.

      One more chef metaphor before I shut up: UXPT is a designer's mise en place https://en.m.wikipedia.org/wiki/Mise_en_place :)

      Great discussion, Maarten!

      4 points
      • M. de Winter, almost 3 years ago

        "Text boxes, however they look, are always text + rectangle."

        This defines the difference between you and me. Thats okay. Your tool gives a 'head start', true. Enjoy your week!

        2 points