设计系统风靡一时，尽管大多数文章都在谈论它们是什么以及创建它们的最佳实践，但是，我们应该一直将其作为UI/UX设计师的学习工具，以帮助我们更好地理解，探索和学习哲学。这些是UI设计，UX和产品设计的最佳做法和原则。
除了将设计系统实施到你的工作流中之外，设计系统还是一个巨大的未开发资源，用于学习如何通过研究它们来创建更好的用户体验和界面！有什么比Shopify更好的方法来理解如何设计电子商务用户流程？这些就是我们所说的设计模式，聪明的设计师知道如何使用它们来指导他们自己的设计决策。如果世界上最好的公司已经铺平了道路，并与实际用户进行了测试，并在线发布了UI/UX和产品设计方法，则无需重新设计UX轮子！
“有时候，我认为我绘制的所有内容只是我所见过的数以百万计的所有图纸的组合。”—让·卢克·戈达德
什么是设计系统？
简而言之，设计系统是产品设计公司的文档，文章，示例，代码段，屏幕截图，设计指南，组件，理念和其他数字资产的集合。它通常作为网站（公共或内部）在线托管。可以将其视为一个庞大的知识库，它是UI套件，带有说明，语言和编码指南的部分文档一起包装在一起的。
Shopify设计系统为什么要创建它们？
与整个产品团队（程序员，工程师，设计师，产品经理，高级管理人员团队等）协作创建设计系统。理想情况下，他们作为一个委员会聚集在一起进行工作；采取一切他们目前数码产品的财产清单（颜色，标志，页眉，页脚，表格，代码等），并尝试来了解如何使一些共识应该进行设计，编码，提出并津津乐道。
这是他们的总体规划，是所有真理的源泉，也是确保所有从事其产品工作的人始终在同一页上，与事物的方式保持一致和一致的参考。
在实现级别，当编码人员需要在新页面上重复一段代码时，可重复使用的组件就在那里供他们复制和粘贴。当设计人员需要刷新新的着陆页时，所有预先设计的UI符号元素都准备就绪，可以进行非破坏性的编辑。当营销人员需要发送时事通讯时，毫无疑问，该副本应采用哪种色调或标题图像应为哪种形式。一切都在这里，布局清晰，而且由于每个人都进行了讨论，做出了贡献并达成了共识，因此毫无疑问需要做什么以及如何做。
这里我们整理列出的十大设计系统（排名不分先后），它们的设计系统包括哪些，以及如何使用它们来学习和启发自己的设计。
1、GoogleMaterialDesign系统
网址：