design-systems

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #llm #golang #go #android #deep-learning #linux #security #pytorch #open-source

(★ 423)

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

File Explorer

Download Latest Version (.zip)

README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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.
>
> -- <cite>Nathan Curtis</cite>

## 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/)

design-systems

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

design-systems

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README