How Google, IBM, Shopify and 148 others design their products
A gallery of public design systems, from big tech and governments to open-source libraries. See at a glance which ones ship coded components, a Figma kit, voice and tone guidance and public source code. Here is one dialog drawn in ten of them:
- Button radius
- Pill
- Button height
- 40px
- Typeface
- Roboto Medium
Our own CSS, approximating each system from its public documentation. Not affiliated with any of these companies.
By what they ship 4
Complete systems29Coded components, voice and tone guidance, a designer kit and public source codeOpen source106Systems whose source code is public on GitHub, GitLab or BitbucketDesigner kits74Systems that publish a Figma, Sketch or other design file for designersVoice & tone62Systems with writing guidelines: voice, tone, grammar and content patterns
By industry 11
Big tech14Google, Apple, Microsoft, IBM, Adobe, Amazon, Meta and other platform companiesEnterprise software11SAP, Oracle, Salesforce, Workday, Palantir and HPEDeveloper platforms18GitHub, GitLab, HashiCorp, Elastic, Twilio, Vercel and other developer toolsSaaS & productivity23Atlassian, Zendesk, monday.com, Mailchimp, Semrush and other SaaS companiesCommerce & marketplaces11Shopify, eBay, REI, Just Eat Takeaway, VTEX and other retailers and marketplacesFinance & insurance6Intuit, Monzo, Morningstar, Nordnet and insurersTravel & mobility7Uber, Skyscanner, Priceline, Alaska Airlines, Porsche and ScaniaMedia & social7BBC, BuzzFeed, Pinterest, Yelp and other media and social platformsEducation & research5Universities, online learning platforms and JSTOREnergy, telecom & industry6Siemens, Telefónica, ENGIE, Enel, British Gas and space operationsGovernment & public sector17GOV.UK, USWDS, NHS, France, Korea, Singapore and city governments