本文源于讀者和粉絲的相關提問，以及我前段時間在做 Ant 設計與運營工作中的經驗沉淀和總結，希望對你有幫助。
很多同學問我「設計語言」、「設計系統」、「組件系統」是不是一回事兒？總是分不清這些概念之間的關系和區別。
這幾個詞的確容易搞混，廣義上來講，它們都是用來規范設計質量、提升設計效率的，但詳細的追究起來又各有不同。本文就來拆解一下這些概念。
一、組件系統：降本提效的工具
通常我們將“組件庫（ ）”和“設計模式（ ）”統稱為組件系統。
「組件庫」這個概念很好理解，也很常用。組件庫是產品頁面設計的底層系統，它設定了設計質量的底線，并可以減少重復性工作，從而極大提高設計和開發的效率。
某產品的組件庫
組件系統中基本包含所有界面中經常被復用的單個組件（），如按鈕、文本框、標簽頁；也包括相對復雜和完整的復合頁面組件及框架（），即“設計模式”。
設計模式更偏向于業務屬性，用于特定的、初期的業務中會更加高效，屬于高級組件。比如Ant 就通過業務設計沉淀出的 （高級表格）、（高級布局）、（高級卡片）等復合組件和框架，供內部設計師在對應的金融、政務相關的業務中。
AntD 通過業務設計沉淀出的
這種復合組件和框架尤其適用于從 0-1 的業務或新功能的頁面搭建：
、 搭建出的頁面
二、設計語言：品牌屬性的體現
設計語言是塑造該產品具備獨特且統一的品牌風格的法則。設計語言把設計作為一種“溝通的方式”，用于在特定的場景中進行品牌內容與信息的傳遞。它的特點是：
具備嚴謹的設計規范：是產品設計參考的標準和規范，規定了設計的基本原則；是動態的，不斷升級的：設計語言不是一成不變的，可以根據市場所流行和認可的設計趨勢，進行補充、迭代和完善；能夠使產品具備統一的品牌屬性：使用設計語言設計出的產品能夠保持較好的統一性，并帶明顯的品牌特征；能夠提高設計效率：設計語言中的規則和元素可以被當成組件，應用于產品設計的過程中易語言按鈕不執行，起到組件的作用易語言按鈕不執行，減少重復性工作。
旗下眾多產品線共享同一套 的設計語言規范，因此其產品中任何一個界面都不會讓人感覺出自 Apple 或 之手。
使用 設計語言搭建的頁面
好的產品都打造了屬于自己的設計語言。是設計語言統一了整個產品的風格，并讓產品有了區別于其他產品的個性。
三、設計系統：方法論+工具+流程
「設計系統」也被叫做「設計體系」。「組件系統」和「設計語言」定義了產品和設計應該是怎樣，卻沒有解答該如何才能做到這樣。這些問題都由設計系統進行回答。
一個設計系統通常包括以下內容的合集：設計價值觀、設計原則、組件系統、樣式指南、最佳實踐、工具資源和工作流程（SOP）等。
有效的設計系統可以幫助團隊提高設計決策，優化設計與開發的工作流程，降低錯誤風險。建立設計系統也是團隊管理的一部分，有助于為新加入團隊的成員提供指導，同時確保團隊的工作不會因為某位關鍵成員的離開而出現斷點。
目前設計系統主要包括平臺級和公司級兩種：
1. 平臺級設計系統
Apple、、 為了指導各自生態下應用軟件的設計，都推出了完整的設計系統。
Apple 的 Human ， 的 ， 的 都是值得借鑒的典范，不僅為自家的產品制定了流程和規范，也規定了其平臺上產品的標準和形式。
2. 公司級設計系統
有的公司為自身產品和團隊管理打造了設計系統，比如 IBM 的 設計系統，還有螞蟻集團的 等，都在設計和開發的工作中持續賦能。
本文由@ 元堯 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 ，基于CC0協議。