System is “the whole creation, the universe,” from Late Latin systema “an arrangement, system,” from Greek systema “organized whole, a whole compounded of parts”.

系統是晚期拉丁語系統的“整體創造物，宇宙”，是希臘語系統的“一種安排，系統”，是“有組織的整體，由各個部分組成的整體”。

Design systems have been around for quite some time now. Organizations keep incorporating them in order to be relevant and quick into the dynamic and fierce digital world. Businesses keep growing and expanding into different mediums, devices and ways to communicate with their users and customers, so the systems are here to help bridge those gaps in the most efficient way possible.

設計系統已經存在了一段時間。 組織不斷整合它們，以便與之相關并快速進入動態和激烈的數字世界。 企業不斷發展壯大，并擴展到不同的媒介，設備和與其用戶和客戶進行通信的方式，因此，這里的系統可幫助您以最有效的方式彌合這些差距。

In this post, I will try to give a definition of a design system and how the systematic approach is connected with us by nature.

在本文中，我將嘗試給出設計系統的定義，以及系統方法如何與我們自然聯系。

1.人為設計 (1. Human by design)

Design has always been a human act. Designers are here to help, create, plan, and execute ideas, which at the end should serve a purpose. Designers are so much more than before, so much more involved in every level of the business and the organization’s body.

設計一直是人類的行為。 設計師在這里可以幫助，創建，計劃和執行想法，這些想法最后應達到目的。 設計師比以往更多了，因此更多地參與了業務的各個層面以及組織的各個機構。

We often talk about how an organization is like a living organism. Organizations in their core are just like us, they keep growing, changing, and improving for one main reason — to survive. Why do we make these analogies? Why are we looking for ways to compare the human body with the organization’s body? Let’s think about that a bit more by having a proper definition for the human body.

我們經常談論組織如何像活的有機體。 處于核心地位的組織就像我們一樣，為了一個生存的主要原因而不斷發展，變化和改進。 我們為什么做這些比喻？ 我們為什么要尋找將人體與組織的身體進行比較的方法？ 讓我們為人體定義一個適當的定義。

Human body The human body is everything that makes up, well, you. Our bodies consist of a number of biological systems that carry out specific functions necessary for everyday living.

人體人體是一切，構成了，好了，你。 我們的身體由許多生物系統組成，這些生物系統執行日常生活所需的特定功能。

The human body consists of biological systems that we can call body systems. Here is a definition of what a body system is:

人體由我們稱為人體系統的生物系統組成。 這是什么是身體系統的定義：

Body systems Body systems are groups of organs and tissues that work together to perform important jobs for the body.

身體系統 身體系統是一起工作以完成身體重要工作的器官和組織的集合。

This definition really stuck in my mind. As humans, we are a combination of different systems and we simply work like that. Think about it…Here are the 10 systems that combined together create the body system (we all know them by heart).

這個定義確實牢記在我的腦海。 作為人類，我們是不同系統的結合，我們只是像那樣工作。 想一想……這里是將十個系統結合在一起構成的身體系統(我們都心生靈識)。

• Respiratory system is the one that takes the oxygen provided by the environment and converts/translates it into a form that our cells can use.

  呼吸系統是一種吸收環境提供的氧氣并將其轉換/轉化為細胞可以使用的形式的系統。

• Digestive system is the one that takes food and process it to obtain useful nutrients.

  消化系統是一種攝取食物并對其進行處理以獲得有用營養的系統。

• Cardiovascular/Circulatory system is the one that provides an efficient way of moving substances around the body. Fun fact: the body’s entire blood takes around a minute to circulate.

  心血管/循環系統是提供一種在體內移動物質的有效方式的系統。 有趣的事實：人體的全血大約需要一分鐘才能循環。

• Urinary system, keeps our body healthy, by removing some of the waste that we produce from the digestive system.

  泌尿系統通過清除消化系統產生的一些廢物，保持身體健康。

• Endocrine system, consists of a number of tissues that send out chemical messages — called ‘hormones’ — to the rest of the body.

  內分泌系統由許多組織組成，這些組織將化學信息(稱為“激素”)發送到身體的其他部位。

• Nervous system, allows us to sense stimuli such as light, sound, smell, and touch from our environment.

  神經系統，使我們能夠從環境中感知刺激，例如光線，聲音，氣味和觸摸。

• Musculoskeletal system, operates to move the organism and stimulate the internal organs.

  肌肉骨骼系統可移動生物體并刺激內部器官。

• Exocrine system, covers the body and protects it from the outside world, we are talking skin, nails, hair, etc.

  外分泌 系統覆蓋身體并保護其免受外界干擾 ，我們正在談論皮膚，指甲，頭發等。

• Immune system, we are made from carbs, proteins and lipids, which means that there are other organisms that want to eat us. The immune system helps us fights those unwelcome guests.

  免疫系統是由碳水化合物，蛋白質和脂質組成的，這意味著還有其他生物想要吞噬我們。 免疫系統幫助我們與那些不受歡迎的客人作斗爭。

• Reproductive system, the only system which is not crucial for the survival of the individual, but essential for the survival of the species.

  生殖系統，這對個體的生存并不重要，但對物種的生存至關重要。

We have 10 different systems in our body, each of these systems has its own small microsystem and way of operating, and by doing that the whole body communicates and operates. Think about how many connections and dependencies there are and how they work together, so you can even read this article. An organization ideally should work the same way in the context of the business and services of course.

我們體內有10個不同的系統，每個系統都有自己的小型微系統和操作方式，通過這樣做，整個人體可以進行通信和操作。 考慮一下有多少連接和依賴項以及它們如何協同工作，因此您甚至可以閱讀本文。 當然，組織理想地應該在業務和服務的上下文中以相同的方式工作。

Here is an interesting comparison between the brain of the human body and the brain of the organization’s body.

這是人體的大腦和組織的身體的大腦之間的有趣比較。

• The brain can be thought of as the control center that receives data, analyses it, and then commands the body to respond. In order to fire these signals, neurons must use huge amounts of energy. Then a response comes, you can assume a response as any physical or mental act that is done after the signal is sent back. Even scrolling down through the next paragraph of this article requires a command and response process.
  可以將大腦視為控制中心，該中心接收數據，對其進行分析，然后命令身體做出響應。 為了激發這些信號，神經元必須消耗大量能量。 然后出現響應，您可以將響應假定為發送回信號后所做的任何身體或精神行為。 即使向下滾動到本文的下一段，也需要一個命令和響應過程。
• The company’s headquarters are the brain of the organization. In order to receive a signal for a problem, the organization must be connected to all the other parts of the whole. There should be time to review, analyze, and decide how to act. Then another layer of time is taken for the response to go back to the organs and systems of the organization's body which are dependent on that response.
  公司總部是組織的核心。 為了接收問題的信號，組織必須與整體的所有其他部分建立聯系。 應該有時間進行回顧，分析和決定如何采取行動。 然后需要花費更多時間來使響應返回到依賴于該響應的組織機構的器官和系統。

So you see this is how we work, we are a chain of systems that work together. Everything in our body is connected and in constant communication. We can say that we try to incorporate everything into our lives with the systematic approach. Humans are designed by systems. The main reason why we approach design so much with systematic thinking nowadays is that organizations become more complex and bigger. It is hard to simplify the processes without the use of systems. This could be our native and organic way of finding a solution in order to communicate with everything. We by nature communicate that way.

因此，您將看到這就是我們的工作方式，我們是一系列相互協作的系統。 我們體內的所有事物都是相互聯系并保持不斷溝通的。 可以說，我們試圖通過系統的方法將一切融入我們的生活。 人是由系統設計的。 如今，我們如此之多地采用系統化思維來進行設計的主要原因是組織變得越來越復雜，規模越來越大。 不使用系統就很難簡化流程。 這可能是我們尋找解決方案以便與所有事物進行交流的本機和有機方式。 我們天生就是這樣交流的。

Let’s try to think about design systems now, and how they fit in the context of the stated above. But first let’s try to give a definition of what a system is.

現在讓我們考慮一下設計系統，以及它們如何適合上述情況。 但是首先讓我們嘗試定義系統是什么。

2.什么是系統？ (2. What is a system?)

I am a fan of knowing what I use, every word has its own meaning and sometimes the meaning gets blurred in order to correspond to the situations we are in. But to give a definition of what a design system is, first we have to look through the core definition and then try to translate it in the context of design. Here are some definitions of what a system is:

我很想知道自己使用的是什么，每個詞都有其自己的含義，有時含義會模糊不清，以便與我們所處的情況相對應。但是要定義設計系統是什么，首先我們必須看一下通過核心定義，然后嘗試在設計上下文中進行翻譯。 這是什么是系統的一些定義：

System is:

系統是：

• a set of connected things or devices that operate together

  一組相互連接的事物或設備，它們可以一起運行

  a set of connected things or devices that operate together Cambridge Dictionary

  一組可共同操作的物聯網或設備 劍橋詞典

• a group of interacting or interrelated entities that form a unified whole

  一組相互作用或相互關聯的實體，形成一個統一的整體

  a group of interacting or interrelated entities that form a unified whole Wikipedia

  一組相互作用或相互關聯的實體，形成一個統一的完整 維基百科

• a regularly interacting or interdependent group of items forming a unified whole Merriam Webster Dictionary

  定期交互或相互依存的一組項目，形成一個統一的整體《 韋氏詞典》

• an assemblage or combination of things or parts forming a complex or unitary whole

  事物或零件的組合或組合，形成復雜或單一的整體

  an assemblage or combination of things or parts forming a complex or unitary wholeDictionary.com

  組成復雜或單一整體 Dictionary.com 的事物或零件的組合或組合

• a cohesive conglomeration of interrelated and interdependent parts that can be natural or human-made.Wikipedia System theory definition

  相互關聯和相互依存的部分(可能是自然的也可以是人為的)的緊密結合。 維基百科系統理論定義

So we can see every source has its own way of defining what a system is but in the end, there are a few keywords and one idea that sticks, right? Let me give you a hint here:

因此，我們可以看到每個來源都有其自己的方法來定義系統，但是最后有幾個關鍵詞和一個想法很重要，對吧？ 讓我在這里給你一個提示：

• connected things
  連接的東西
• group of interacting or interrelated entities
  相互作用或相互關聯的實體組
• items forming a unified whole
  項目形成一個統一的整體
• combination of things
  事物的結合
• cohesive conglomeration
  凝聚性聚結

Systems are all about connection, unification and communication in a comprehensive way.

系統都是關于連接，統一和通信的全面方式。

3.方法和過程 (3. Methods and processes)

A system is there to connect, unify, and communicate processes. A design system then should be something to connect and unify the process of creation, delivery and handover of а products or services from a design perspective.

那里有一個系統來連接，統一和交流流程。 從設計的角度來看，設計系統應該是連接和統一產品或服務的創建，交付和移交過程的東西。

When you’re doing design systems work in your organization, you are actually building a community. — Jina Anne

在組織中使用設計系統時，實際上是在建立社區。 — 吉娜·安妮

It’s fundamental to have your whole team on board to follow a systematic way of working. Being a single player in a team-based activity such as building a product, will never work. By default, the world has spread that the designer is the one that should be responsible for building a design system, but with time this would change and it is changing. We see more and more that companies are looking for a group of people, most of the time a full-blown team, a UX engineer backed up by a team of developers, content writers and business teams such as product owners, marketing teams, etc. working as a single unit in order to communicate and unify the design system experience in the organization.

讓您的整個團隊參與系統的工作方式是至關重要的。 在基于團隊的活動(例如制造產品)中成為單個參與者永遠都行不通。 默認情況下，世界已經散布了設計師是應該負責構建設計系統的人，但是隨著時間的流逝，這種情況將會改變，而且還在不斷變化。 我們看到越來越多的公司正在尋找一群人，大多數情況下是一個成熟的團隊，由開發人員，內容作者和業務團隊(例如產品所有者，營銷團隊等)支持的UX工程師。 。作為一個整體工作，以便傳達和統一組織中的設計系統經驗。

Every person in that scenario has his own expertise, and that is the point of every team. The end goal is the team to be aligned and follow this methodology of working and translate them to other teams. Some will be involved in the way of preparing, some involved in the way of producing, and some involved in the way of presenting.

在這種情況下，每個人都有自己的專業知識，這就是每個團隊的重點。 最終目標是使團隊保持一致并遵循這種工作方法，并將其轉化為其他團隊。 有些將涉及準備方式，一些將涉及制作方式，而有些則涉及演示方式。

We see more and more that this unified approach of having one single source of truth is not very efficient and helpful though. The dream of consistency gets blurred because people still have different needs and fall into different groups. We are constantly talking about different mediums, scenarios, and devices, so this creates an inconsistency of using a consistent approach.

我們越來越看到，這種具有單一真相來源的統一方法并不是非常有效和有用。 一致性的夢想變得模糊，因為人們仍然有不同的需求，并且屬于不同的群體。 我們一直在談論不同的媒體，場景和設備，因此使用一致的方法會造成不一致。

We feel the future is brought by those big services and products that are expanding in different ways and forms. The Spotify Encore solution feels like something that would create a pattern of where design is going. Similar to the statements above, you have one system connected to multiple microsystems that are responsible for their own part and organ.

我們認為，以各種方式和形式擴展的大型服務和產品帶來了未來。 Spotify Encore解決方案感覺就像可以創建設計前進方向的模式。 與上面的陳述類似，您將一個系統連接到多個負責其自身部分和器官的微系統。

Having one design system which actually works with other small micro-design systems would be the best solution to the many different cases we are trying to cover.

擁有一個實際上可以與其他小型微設計系統配合使用的設計系統，將是我們試圖解決的許多不同情況的最佳解決方案。

4.最終只有一個設計系統 (4. There is one design system in the end)

Design systems are inclusive. Тhey involve every part of the product, the organization, the service, the business, the visual design, the code, the process. But then what about some questions that come right away like:

設計系統是包容性的。 Тhey涉及產品，組織，服務，業務，視覺設計，代碼，過程的每個部分。 但是接下來出現的一些問題呢？

1. Is the Sketch library file the design system?

   Sketch庫文件是設計系統嗎？

2. Is the storybook documentation the design system?

   故事書文檔是設計系統嗎？

3. Is the docz.site markdown documentation the design system?

   是 docz.site 降價文檔設計的系統？

4. Should we include the brand guidelines and marketing statements in the system too?

   我們是否也應該在系統中包含品牌指南和營銷聲明？

Then by looking for the answer, more questions come up:

然后，通過尋找答案，會出現更多問題：

1. Who are the people responsible for it?
   對此負責的人是誰？
2. Is the front-end team the one that is responsible for keeping the documentation of the design system up to date?
   前端團隊是負責保持設計系統文檔更新的團隊嗎？
3. Are the designers the ones responsible for the component kit which is actually the design system?
   設計人員是實際上負責設計系統的組件套件的負責人嗎？
4. Where does a product owner or any other product member fit in the design system?
   產品所有者或任何其他產品成員在設計系統中適合哪里？
5. Does the business and management have a word in that design system?
   業務和管理層在該設計系統中是否一言不發？
6. Is that only related to components and visual assets, what about non quantitative items?
   那僅與組件和視覺資產有關，非定量項目又如何呢？
7. Can we measure this? How?
   我們可以衡量嗎？ 怎么樣？

It is easier to think in deliverables, in artifacts, in things, but there can be multiple truths of what a design system is, and it will always depend on the organization that you are in. The design system can be that UI kit, these weekly updates, the retro’s you do every sprint, a well-documented website with all components switching smoothly from visuals to code. It can be just the person communicating between the designers and developers in order to create an understanding between them. You should be open and flexible to identify where the need is and to focus to improve it.

在可交付成果，工件，事物中進行思考更容易，但是關于設計系統的含義可能有多個真相，并且這將始終取決于您所在的組織。設計系統可以是UI套件，這些每周的更新，復古的工作都在您的每一次沖刺中，這是一個文檔齊全的網站，其所有組件從視覺到代碼的轉換都非常流暢。 可以只是在設計師和開發人員之間進行交流以便在他們之間建立理解的人。 您應該開放且靈活地確定需求的位置并集中精力改進需求。

In the end, it all comes to one thing — it is a process, a service, a way of working that serves to communicate between different team members in order to achieve a better, improved, and stable environment for moving forward. The same as the organization, the design system is a living organism. It can evolve and change in order to survive the never-ending dynamic of the world, but in the end, the core remains. You are just building an interactive or interdependent group of items forming a unified whole.

最后，這一切都涉及到一件事–它是一種過程，一種服務，一種工作方式，可用于在不同團隊成員之間進行溝通，以實現更好，改進和穩定的前進環境。 與組織一樣，設計系統是活的有機體。 它可以進化和改變，以生存于世界無盡的動力中，但最終，核心仍然存在。 您只是在構建一個交互的或相互依賴的項目組，從而形成一個統一的整體。

設計系統定義 (Design system definition)

As humans, we are chains of systems that are constantly communicating with each other, and we try to humanize everything we do. We use systems as tools to communicate complex processes and connect them in a unified and comprehensive way. So by saying all this we should be able to give a definition for design system:

作為人類，我們是不斷相互交流的系統鏈，我們試圖使我們所做的一切人性化。 我們使用系統作為工具來傳達復雜的流程，并以統一而全面的方式將它們連接起來。 因此，通過所有這些，我們應該能夠為設計系統給出一個定義：

A design system is a collaborative method for the creation of cohesive and consistent solutions related to products and services. It is up to the team to define which artifacts and tools are needed to relate and solve this problem.

設計系統是一種協作方法，用于創建與產品和服務相關的內聚和一致的解決方案。 由團隊決定是否需要關聯和解決此問題的工件和工具。

Illustrations done by Pirate Jazzy

海盜爵士樂 所作的插圖