Skip to content

Instantly share code, notes, and snippets.

@luiscielak
Created September 29, 2018 11:30
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save luiscielak/089b6d4dd7262ce51af37f0b4b955333 to your computer and use it in GitHub Desktop.
Save luiscielak/089b6d4dd7262ce51af37f0b4b955333 to your computer and use it in GitHub Desktop.
# Design Systems Resources
by: Sujan Khadgi
Atomic Design by Brad Frost:
http://atomicdesign.bradfrost.com/
Design Systems by Alla Kholmatova:
http://designsystemsbook.com/
Design Systems Handbook:
https://www.designbetter.co/design-systems-handbook
Nathan Curtis:
https://medium.com/@nathanacurtis
*DESIGN SYSTEM EXAMPLES:*
Shopify - https://polaris.shopify.com/
Salesforce - https://www.lightningdesignsystem.com/
Atlassian - https://atlassian.design/
IBM - http://www.carbondesignsystem.com/
More design systems @ https://adele.uxpin.com/
Self invite link to Design systems slack
http://designsystems.herokuapp.com/
*DESIGN TOKENS TOOL*
Salesforce Theo
https://github.com/salesforce-ux/theo
Amazon's Style Dictionary
https://amzn.github.io/style-dictionary/#/
Example of why tokens are great:
https://medium.com/salesforce-ux/living-design-system-3ab1f2280ef7
Design system conference:
https://www.clarityconf.com/
Building design systems on:
Sketch Libraries
https://sketchapp.com/docs/libraries/
Invision Design System manager
https://www.invisionapp.com/design-system-manager/
Figma
https://www.figma.com/
UXPin
https://www.uxpin.com/design-systems
Zeroheight
https://zeroheight.com/
For devs:
Storybook
https://storybook.js.org/
IBM using storybook for Carbon Design system
http://react.carbondesignsystem.com/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment