almost 6 years ago from Daniel S, Director of Product Design, D2iQ
I am looking to build a design system in Sketch and looking for great existing examples from which to learn from or great "starter kits" where symbols are properly done, etc... What do you recommend please?
UX Powertools is one of the best kits I've seen so far - https://www.uxpower.tools/
+1 for Power Tools. Huge learning opportunity for nested symbols and overrides as well.
Hey thanks for the shoutout, Arun! I'm one of the designers of UX Power Tools and I'm thrilled to see people enjoying it :)
We love using it at 100 Shapes - it's been great for our UX designers to quickly get ideas out.
Very cool to hear, Trevor! We're all about efficiency, so I'm happy it seems to be working for your team.
Nordnet has a pretty good guide for theirs. I know LinkedIn and WeWork teams also have some pretty cool systems documented online as well.
Here's Nordnet's which combines a mix of Sketch, Dropbox, Craft, Trello, etc: https://nordnet.design/a-closer-look-at-our-atomic-workflow-in-action-by-the-nordnet-design-studio-6e48d6f46c3c#.7iwx0crgs
Also here's a great collection of or Design Guidelines that have been curated across some great orgs: http://designguidelines.co/
Checkout Shopify's (Polaris) and Trello's (Nachos) design system. Pretty well put together Shopify: https://polaris.shopify.com/ Trello: https://design.trello.com/
The "style guide" category on Sidebar has a lot of good info: http://sidebar.io/?cat=style-guide
Selfplug: Workflow . It has nested symbols, layer and text styles, basically everything Sketch has to offer. But if I could give you an advice: Don't nest symbols which doesn't need to be nested
Looks great for iOS but need for web app. Does this toolkit scale for laptop and desktop screen sizes?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now