Defining Colors in your Design System
Complete guide to build scalable, harmonious color system
10 Key Takeaways from Google’s Material Design Guidelines
UI & UX best practices from Google’s design system documentation.
Building a Visual Language
Behind the scenes of our new design system (Airbnb)
The Way We Build
How rethinking the Airbnb app changed the way we approach design
Design Systems For Figma: Bringing Context To Design Systems
Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.
Useful Sections for a Design System Reference Site
a11y
Storybook: UI component explorer for frontend developers
Build bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.
Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium
Spectrum for Adobe XD: Adobe’s Design Language in its Experience Design Tool
10 great design systems and how to learn (and steal) from them
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Fluent Design System
Fluent brings the fundamentals of principled design, innovation in technology, and customer needs together as one. It’s a collective approach to creating simplicity and coherence through a shared, open design system across platforms.
10 Design Systems You Must Know in 2020
Stop using Material Design text fields!
7 requirements of a holistic Design System
→ https://blog.marvelapp.com/holistic-design-system/
sipgate Design System
Style Guide | Frontify
Introducing USWDS 2.0 | United States Web Design System
BBC GEL
Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen. As a multi-disciplinary team united by a human-centred approach, we work together to design the BBC’s digital experiences. GEL = Global Experience Language
Design Language System
[… ]A complete fully functional product that is easy on the eye and provides a pleasant, if not out of the world, experience. Key to this is following a design language. […]
Design | Android Developers
iOS Human Interface Guidelines
U.S. Web Design Standards
Pattern Lab
Create atomic design ( http://bradfrost.com/blog/post/atomic-web-design/ ) systems with Pattern Lab.
Google Visual Assets Guidelines - Part 2: User interface icons and Illustrations
[User interface icons and Illustrations] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Google Visual Assets Guidelines - Part 1: Product icons and logo lockups
[Product icons and logo lockups] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.