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
- Lightning Design System
- Google Material Design
- Atlassian
- IBM Design
- Ubuntu
- Rizzo (Lonely Planet)
- iOS Human Interface Guidelines
- Microsoft Design
- Airbnb (article)
- Clarity Design System
- The Harmony Design System
- BBC Gel
- Mailchimp
- LonelyPlanet
- Audi
Design Systems for React
Articles
- Design Systems in 2016 and how to make your own by Ziya Fenn (Dec 18, 2016)
- GE’s Predix Design System by Jeff Crossman (May 25, 2016)
- A Maturity Model for Design Systems by Marcelo Summers (Sep 11, 2015)
- The Salesforce Team Model for Scaling a Design System by Jina Bolton (Oct 13, 2015)
- Finding Platform Balance in a Design System by Nathan Curtis (Oct 9, 2015)
- Team Models for Scaling a Design System by Nathan Curtis (Sep 17, 2015)
- Building an Enterprise CSS Framework by Stef. Sullivan Rewis (Sep 15, 2015)
- How We Designed the New Salesforce at Scale by Craig Villamor (Aug 25, 2015)
- An In-Depth Overview Of Living Style Guide Tools By Robert Haritonov (May 13, 2015)
- Living Design System by Sönke Rohde (Sep 11, 2014)
- A Maintainable Style Guide by Ian Feather (May 15, 2014)
- Creating Style Guides by Susan Robertson (April 8, 2014)
- Designing Products That Scale by Brad Haynes (Dec 9, 2013)
- Breaking Development: Atomic Design by Luke Wroblewski (Oct 22, 2013)
- Atomic Design by Brad Frost (Jun 10, 2013)
Implementing a Design System
- Sprints to create a Design System / The Silver Bullet of Product Development
- How Creating A Design Language Can Streamline Your UX Design Process
- Creating a Design System Language…
- Setting Up a Design System with Sketch
- Design System Features, Step-by-Step