Ukázky design systémů, které jsou dostatečně komplexní na to, aby je stačilo vzít a aplikovat běžný online projekt. Výhodou je, že nemusíte znovuobjevovat kolo a trápit se s grafikou na všech úrovních – od základů, přes patterny až po jednotlivé komponenty, protože tuto práci už za Vás udělali profesionálové.
Seznam si dělám pro vlastní potřebu, ale protože by se mohl hodit někomu dalšímu, publikuji ho i zde na webu. Budu si sem dávat osobní poznámky a subjektivní hodnocení, tak se nelekejte, že to někdy neodpovídá objektivnímu hodnocení.
– Zdroje na Figma kity: https://www.designsystems.com/open-design-systems/
– Zajímavý rozhovor o design systému: https://youtu.be/9DSOdQ4tNbc
Ataccama (Flamingo)
⭐⭐⭐ https://www.ataccama.com
Design system: https://flamingo.ataccama.com/
Figma
Atlassian
⭐⭐⭐ https://www.atlassian.com/
Design system: https://atlassian.design/
Figma
Firefox (Acorn)
⭐⭐⭐⭐ https://www.mozilla.org/
Design system: https://acorn.firefox.com/
Figma
Github (Primer)
⭐⭐⭐⭐ https://www.github.com/
Design system: https://primer.style/
Figma
Gitlab (Pajamas)
⭐⭐⭐⭐⭐ https://www.gitlab.com
Design system: https://design.gitlab.com/
Figma
Google (Material Design)
⭐⭐⭐⭐ https://about.google/products/
Design system: https://www.material.io/
Figma
GOV.cz
⭐⭐⭐ https://gov.cz/
Design system: https://designsystem.gov.cz/
GOV.UK
⭐⭐ https://www.gov.uk/
Design system: https://design-system.service.gov.uk/
IBM (Carbon)
⭐⭐⭐ https://www.ibm.com/
Design system: https://carbondesignsystem.com/
KIWI (Orbit)
⭐⭐⭐⭐ https://www.kiwi.com
Design system: https://orbit.kiwi/
Merck (UX platform)
⭐⭐⭐ https://www.merckgroup.com
Design system: https://www.merck.design/
Microsoft (Fluent 2)
⭐⭐⭐⭐ https://www.microsoft.com
Design system: https://fluent2.microsoft.design/
Monday.com (Vibe)
⭐⭐⭐ https://www.monday.com
Design system: https://style.monday.com/
Figma
Pluralsight
⭐⭐⭐ https://www.pluralsight.com/
Design system: https://design-system.pluralsight.com/
Figma
Shopify (Polaris)
⭐⭐⭐⭐ https://www.shopify.com
Design system: https://polaris.shopify.com/
Saleforce (Lightning)
⭐⭐⭐
Design system: https://www.lightningdesignsystem.com/
Skyscanner (Backpack)
⭐⭐⭐ https://www.skyscanner.com
Design system: https://www.skyscanner.design/
Uber (Base Web)
⭐⭐⭐ https://www.uber.com
Design system: https://baseweb.design/
Ubuntu
⭐⭐⭐ https://www.ubuntu.com
Design system: https://design.ubuntu.com/
Zendesk (Garden)
⭐⭐⭐ https://www.zendesk.com
Design system: https://garden.zendesk.com/
— Offtopic poznámky pod čarou —
RP: https://about.gitlab.com/solutions/value-stream-management/
QL: https://github.com/features/discussions, https://about.gitlab.com/solutions/value-stream-management/