Design Systems
Quick inspirations, links, tutorials and resources to learn and apply design systems.
🎯 Getting Started
Design systems — In the wild
https://blogg.bekk.no/design-systems-in-the-wild-7b7ce817c6d4
Design Systems 101
https://www.nngroup.com/articles/design-systems-101/
Understanding Design Systems and Patterns
https://www.toptal.com/designers/ux/design-system
Selecting Your Design System Tool Stack medium.com
https://medium.com/supernova-blog/selecting-your-design-system-tool-stack-f01055686a40
Design systems: Start from where you are rangle.io
https://rangle.io/blog/design-systems-start-from-where-you-are/
Building your design system and your design culture uxdesign.cc
https://uxdesign.cc/building-design-systems-and-design-culture-3a7d07ae6b52
The context dilemma: design tokens and components frontside.com
https://frontside.com/blog/2021-01-15-design-tokens-and-components/
Design systems are ecosystems for collaboration uxdesign.cc
https://uxdesign.cc/design-systems-are-ecosystems-for-collaboration-6960f9cf78df
The Evolution of the Design System (Designer) blog.prototypr.io
https://blog.prototypr.io/the-evolution-of-the-design-system-designer-54f2cf0574d2
📚 Reading list
Introduction to design tokens
https://specifyapp.com/blog/introduction-to-design-tokens
Design systems as knowledge graphs
https://chasem.co/2021/08/systems-as-knowledge-graphs
Design APIs: the evolution of design systems
https://matthewstrom.com/writing/design-apis
Organising Design Systems
https://medium.com/razorpay-design/organising-design-systems-3f191c4e00c0
Growing (and Shrinking) Pains
https://medium.com/tap-to-dismiss/growing-and-shrinking-pains-13bf66ee6083
Zalando's Design System Contribution Model
https://medium.com/zalando-design/zalandos-design-system-contribution-model-73ab36f8591e
Interrelationships in Design Systems
https://uxdesign.cc/interrelationships-in-design-systems-f12b965330e0
Design systems need a community
https://www.parkermalenke.com/wrote/design-systems-need-a-community/
The Never-Ending Job of Selling Design Systems
https://alistapart.com/article/selling-design-systems/
Informative & Decisional
https://medium.com/tap-to-dismiss/informative-decisional-b2ed272b4696
A better segmented control
https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57
The ROI of design systems: the what, why, who, and how
https://uxdesign.cc/the-roi-of-design-systems-the-what-why-who-and-how-1392d02f80e5
Naming Tokens in Design Systems
https://medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676
Blending Brand And Product
https://www.designsystemsforfigma.com/blog/blending-brand-and-product
Bringing Context To Design Systems
https://www.designsystemsforfigma.com/blog/bringing-context-to-design-systems
Designing Color Systems — Transparent vs. Solid Shades
https://uxplanet.org/designing-color-systems-transparent-vs-solid-shades-9eb841571fdd
How to Design Better Icons
https://blog.prototypr.io/how-to-design-better-icons-869d067fddbf
Tokens in Design Systems
https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421
The role of research in Design Systems
https://medium.com/@nadiahle/the-role-of-research-in-design-systems-dbe80e0b1618
The most exciting design systems are boring
https://bigmedium.com/ideas/boring-design-systems.html
How building a design system empowers your team to focus on people — not pixels.
https://medium.com/hubspot-product/people-over-pixels-b962c359a14d
How to gain widespread adoption of your design system
https://medium.com/hubspot-product/how-to-gain-widespread-adoption-of-your-design-system-29d1b142b158
Design systems need experience foundations
https://ux.shopify.com/why-design-systems-need-experience-foundations-c5a6967fc4e7
🎬 WatchList
Amy Hupe: “Down with Design Systems Dogma” — Clarity 2022
https://www.youtube.com/watch?v=SYecMG00XXs&ab_channel=DesignSystemsAdvocate%2CJinaAnne
How design tokens empower multi-brand design systems - Louis Chenais 🟢 Live at Into Design Systems
https://www.youtube.com/watch?v=uiCGvhI7Vwo&ab_channel=IntoDesignSystems
Schema 2021 - Figma's Design System Conference
https://youtube.com/playlist?list=PLXDU_eVOJTx4vCcmQ5aqU78pyGCOK_tqY
We should be replaceable: how we can build timeless design systems - Au Pleguezuelo (Config 2021)
https://www.youtube.com/watch?v=bCL0CCHvzmk&ab_channel=Figma
In the File: Governing your design system
https://www.youtube.com/watch?v=RB8Pk3BmZzU&ab_channel=Figma
Using Figma to go beyond Figma - Dylan Babbs, Vietanh Nguyen (Config 2021)
https://www.youtube.com/watch?v=PMz1DbaeoDE&ab_channel=Figma
Reimagining Design Systems at Spotify - Shaun Bent - Design Systems London 2019
https://www.youtube.com/watch?v=Xww-x7DgiDw&ab_channel=DesignSystemsLondon
Design System Talks
https://www.designsystemtalks.com/
🌀 Stories
How a small team built figma.com’s design system
https://www.designsystems.com/how-a-small-team-built-figma-dot-coms-design-system/
Reimagining Design Systems at Spotify
https://spotify.design/article/reimagining-design-systems-at-spotify
Evolving a Design System at Scale
https://medium.com/salesforce-ux/evolving-a-design-system-at-scale-88aa2f249525
The Salesforce Team Model for Scaling a Design System
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
Lessons learned building a Design System for 500,000+ users at Ryte
https://medium.com/ryte/building-a-design-system-for-500-000-users-at-ryte-1a5ca8bda992
Building a Design System Library
https://design.lyft.com/building-a-design-system-library-3a1f0d09088f
A system built on parity: How to treat all of your users equally
https://www.designsystems.com/a-system-built-on-parity-how-to-treat-all-of-your-users-equally/
How building a design system empowers your team to focus on people — not pixels
https://medium.com/hubspot-product/people-over-pixels-b962c359a14d
Mesh Design System—A Way Forward For Design At Meesho
https://tech.meesho.com/mesh-design-system-a-way-forward-for-design-at-meesho-873585b24956
Designing Systems at Gusto
https://medium.com/gusto-design/design-systems-at-gusto-462d653824b