Twitternotenewsletter
Twitternotenewsletter

デザインシステム

組み上げるためのプロセス

https://yasuhisa.com/could/article/design-system-process/
https://yasuhisa.com/could/article/start-with-principles/
 

事例

Shopify
https://polaris.shopify.com/foundations/experience-values
 
Google(Material Design)
https://material.io/
 
Apple(Human Interface Guidlines)
https://developer.apple.com/design/
 
Firefox(Photon Design System)
https://design.firefox.com/photon/
 
Microsoft
https://docs.microsoft.com/ja-jp/windows/uwp/design/
 
IBM(Carbon Design System)
https://www.carbondesignsystem.com/
 
Salesforce(Lightning Design System) https://www.lightningdesignsystem.com/
 
mailchimp
https://mailchimp.com/design/
 
Audi
https://www.audi.com/ci/en/renewed-brand.html
 
GE Digital
https://www.ge.com/digital/
 
Atlassian
https://www.atlassian.com/
 
GitHub
https://github.com/
 
AntDesign
https://ant.design/
 
Australian Goverment https://designsystem.gov.au/
 
Uber https://baseweb.design/
 
CANVAS(Hubspot) https://canvas.hubspot.com/
 
VMware https://clarity.design/
 
Comet(Discovery Education) https://comet.discoveryeducation.com/
 
SAP Fiori https://experience.sap.com/fiori-design-web/ https://sap.github.io/fundamental/
 
Fishtank(Bloomberg BNA) https://fishtank.bna.com/
 
BBC https://www.bbc.co.uk/gel
 
Heroku https://design.herokai.com/ Mailchimp
http://ux.mailchimp.com/patterns/color
 
Fluent UI(Microsoft) https://developer.microsoft.com/en-us/fluentui#/
 
GitLab https://design.gitlab.com/ RedHat https://www.patternfly.org/v4/
 
Spectrum(Adobe) https://spectrum.adobe.com/
 
Stacks(Stackoverflow) https://stackoverflow.design/ Solid(BuzzFeed) https://solid.buzzfeed.com/ Vercel https://vercel.com/design
 
Yelp https://www.yelp.com/styleguide
 
garden(Zendesk) https://garden.zendesk.com/
 
Mailchimp
http://ux.mailchimp.com/patterns/color
 
Condé Nast Design System
https://bradfrost.github.io/cn-style-guide/
 

必要な要素

https://photoshopvip.net/125094
 
 
ayohata - Takayuki Onishi/デザインシステム