8个实用步骤教你执行与落地一套设计系统（二）
步骤2：学习参考优秀的设计系统
以下是一些标杆级的设计系统，我们将它们作为参考：
[Atlassian](https://atlassian.design/)
[Ant Design](https://ant.design/)
[IBM](https://www.carbondesignsystem.com/)
[Zendesk](https://garden.zendesk.com/)
[Workday](https://design.workday.com/)
[HubSpot](https://canvas.hubspot.co)
[Salesforce](https://www.lightningdesignsystem.com/)
[Shopify](https://polaris.shopify.com/)
[Bootstrap](https://getbootstrap.com/)
[QuickBooks](https://designsystem.quickbooks.com/)
我们想汲取这些出色的设计系统中的精华，看看它们是如何做的。下面介绍几个我最喜欢的——Atlassian 和 Ant Design
Atlassian 设计系统
Altassian将其设计系统分为“品牌”，“营销”和“产品”。由于不同方面的设计需要不同的准则，所以要满足各方面的需求以确
保公司的设计语言一致。例如，与“产品”相比，“营销”在设计漂亮的搭配时需要更多的颜色，而”产品” 我们一般只需要一组
固定的颜色来展示不同的组件状态。Altassian还为每个组件标注了非常清楚的使用指引，包括不同的样式和变化，还有使用
案例。
Ant 设计系统
Ant Design 将其组件分为不同的部分，例如数据显示，数据输入，导航等等。这确实有助于组织和查找组件。它们在右上
角展示这些锚点（译者注：类似于组件的标签），这样用户无需滚动到底就可以知道每个页面的组件内容。每个组件的样式
和变化都预先展示，并且每个组件都是可交互的。代码的提供也使开发人员可以快速获得代码，这是非常棒的用户体验！