Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/miukimiu/design-systems

A curated list of design systems. Learning materials and tools for creating your own design system.
https://github.com/miukimiu/design-systems

Last synced: about 1 month ago
JSON representation

A curated list of design systems. Learning materials and tools for creating your own design system.

Awesome Lists containing this project

README 

        
# Design Systems

A curated list of design systems. Learning materials and tools for creating your own design system.



## What is a Design System?



> A style guide is an artifact of design process. A design system is a living, funded product with a roadmap & backlog, serving an ecosystem.

>

> -- Nathan Curtis



## Design Systems

- [Shopify Polaris](https://polaris.shopify.com/)

- [Lightning Design System](https://www.lightningdesignsystem.com/)

- [Google Material Design](https://material.io/)

- [Atlassian](https://design.atlassian.com/)

- [Carbon Design System](http://carbondesignsystem.com/)

- [Ubuntu](https://design.ubuntu.com/)

- [Rizzo (Lonely Planet)](https://rizzo.lonelyplanet.com/)

- [iOS Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/)

- [Microsoft Design](https://www.microsoft.com/en-us/design)

- [Airbnb (article)](http://airbnb.design/building-a-visual-language/)

- [Clarity Design System](https://vmware.github.io/clarity/)

- [The Harmony Design System](http://harmony.intuit.com/)

- [BBC Gel ](http://www.bbc.co.uk/gel)

- [Mailchimp](https://ux.mailchimp.com/)

- [LonelyPlanet](http://rizzo.lonelyplanet.com/styleguide/design-elements/colours)

- [Audi](http://audi.com/ci)

- [Aurora](https://gctools-outilsgc.github.io/design-system-code/)

- [Atlassian](https://www.atlassian.design/guidelines/product/overview)

- [IBM](https://www.ibm.com/design/language/)



## Design Systems for React

- [Grommet](https://grommet.github.io/)

- [Ant Design](https://ant.design/)

- [Elastic UI](https://elastic.github.io/eui/#/)



## Articles

- [Your sketch library is not a design system](http://bradfrost.com/blog/post/your-sketch-library-is-not-a-design-system/) by Brad Frost (Feb 02, 2018)

- [Design Systems in 2016 and how to make your own](https://uxplanet.org/design-systems-in-2016-5415a660b29#.u8dl12xgt) by Ziya Fenn (Dec 18, 2016)

- [GE’s Predix Design System](https://medium.com/ge-design/ges-predix-design-system-8236d47b0891#.fjlu6xyay) by Jeff Crossman (May 25, 2016)

- [A Maturity Model for Design Systems](https://medium.com/@marcelosomers/a-maturity-model-for-design-systems-93fff522c3ba#.xtwz0kfd9) by Marcelo Summers (Sep 11, 2015)

- [The Salesforce Team Model for Scaling a Design System](https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b#.p9ld89gpf) by Jina Bolton (Oct 13, 2015)

- [Finding Platform Balance in a Design System](https://medium.com/eightshapes-llc/finding-platform-balance-in-a-design-system-47eaae48de98#.jxgt4cha1) by Nathan Curtis (Oct 9, 2015)

- [Team Models for Scaling a Design System](https://medium.com/eightshapes-llc/team-models-for-scaling-a-design-system-2cf9d03be6a0#.q00vmfebw) by Nathan Curtis (Sep 17, 2015)

- [Building an Enterprise CSS Framework](https://medium.com/salesforce-ux/building-an-enterprise-framework-is-hard-1e8d8b33e082#.ye72nn893) by Stef. Sullivan Rewis (Sep 15, 2015)

- [How We Designed the New Salesforce at Scale](https://medium.com/salesforce-ux/how-we-designed-the-new-salesforce-at-scale-6d3607fd92e5#.buf2ljmvx) by Craig Villamor (Aug 25, 2015)

- [An In-Depth Overview Of Living Style Guide Tools](http://www.smashingmagazine.com/2015/04/an-in-depth-overview-of-living-style-guide-tools/) By Robert Haritonov (May 13, 2015)

- [Living Design System](https://medium.com/salesforce-ux/living-design-system-3ab1f2280ef7#.uy5oc93i0) by Sönke Rohde (Sep 11, 2014)

- [A Maintainable Style Guide](http://ianfeather.co.uk/a-maintainable-style-guide/) by Ian Feather (May 15, 2014)

- [Creating Style Guides](http://alistapart.com/article/creating-style-guides) by Susan Robertson (April 8, 2014)

- [Designing Products That Scale](https://medium.com/salesforce-ux/designing-products-that-scale-c8f3001f709b#.wiw661fw0) by Brad Haynes (Dec 9, 2013)

- [Breaking Development: Atomic Design](http://www.lukew.com/ff/entry.asp?1809) by Luke Wroblewski (Oct 22, 2013)

- [Atomic Design](http://bradfrost.com/blog/post/atomic-web-design/) by Brad Frost (Jun 10, 2013)



## Implementing a Design System



* [Sprints to create a Design System / The Silver Bullet of Product Development](https://medium.com/@marcintreder/design-systems-sprint-0-the-silver-bullet-of-product-development-8c0ed83bf00d)

* [How Creating A Design Language Can Streamline Your UX Design Process](https://www.smashingmagazine.com/2016/12/how-creating-a-design-language-can-streamline-your-ux-design-process/)

* [Creating a Design System Language…](https://medium.com/@alpower81/creating-a-design-system-158a2d832551)

* [Setting Up a Design System with Sketch](https://medium.com/sketch-app-sources/setting-up-a-design-system-8729510def93)

* [Design System Features, Step-by-Step](https://medium.com/eightshapes-llc/system-features-step-by-step-e69c90982630)



## Design Tokens

* [Tokens in Design Systems](https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)



## Videos

* [The GE Design System and Thoughts about Craft at Scale](https://vimeo.com/132580829)



## Books

* [Design Systems by Alla Kholmatova](http://designsystemsbook.com/)



## Free Books

* [Design Systems Handbook by Invision](https://www.designbetter.co/design-systems-handbook)



## Tools

* [https://www.catalog.style/](https://www.catalog.style/)



## Conferences in Europe

* [Design Systems London](https://www.designsystemslondon.com/)