Adam Nelson

Raleigh Lead Product Designer at Teradata Joined over 5 years ago

  • 0 stories
  • 31 comments
  • 5 upvotes
  • Posted to Designing for code and coding for design, in reply to Arthur Klepchukov , May 21, 2019

    I would say mirror design structure in code. EG the folder structure of both your sketch files and code components follow the same atomic taxonomy.

    0 points
  • Posted to Examples of Design System Sketch Files?, in reply to Sean Lester , Jan 31, 2018

    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
  • Posted to Developing design system. How to avoid unexpected routine, in reply to Guido Slotboom , Jan 29, 2018

    I've been building my own for the past few months and it's become pretty stable at this point. Uses many of the same principles referenced in this article.

    Would love to know what you think: https://github.com/adamnel/sketch-material

    0 points
  • Posted to Sketch 48, in reply to Emanuel Serbanoiu , Dec 06, 2017

    I clicked 'update' on autopilot before I realized what I'd done.

    Dodged a bullet so far, though

    2 points
  • Posted to Thanks for reading my mind, Figma (separate round corners feature), in reply to Michael Rurka , Oct 11, 2017

    The / is used to divide when doing inline math in the input field

    0 points
  • Posted to Dynamic Icons in Sketch, May 18, 2017

    I've been doing this for a while now and it's fantastic.

    Unfortunately, I learned the hard way that once you convert the entire Material Design 950+ icon set to use this method Sketch slows to a complete crawl. I had to move the icons out into a separate file and only bring in the ones I need on a case-by-case basis.

    0 points
  • Posted to Renewed Audi brand, in reply to Sam Solomon , May 17, 2017

    I agree. I appreciate that it's a little different which may be valuable from a branding perspective. I don't think it's ultimately worth it - it gives me low-level anxiety when looking at their designs.

    4 points
Load more comments