# Design System

### **Design System คืออะไร ?**

{% content-ref url="grid-system/grid-system" %}
[grid-system](https://sithelloworld2021.gitbook.io/helloermine/web-design/grid-system/grid-system)
{% endcontent-ref %}

### **ทำไมต้องใช้ Design System ?**

{% content-ref url="design-system/design-system-1" %}
[design-system-1](https://sithelloworld2021.gitbook.io/helloermine/web-design/design-system/design-system-1)
{% endcontent-ref %}

### **Design Principles**

{% content-ref url="design-system/design-principles" %}
[design-principles](https://sithelloworld2021.gitbook.io/helloermine/web-design/design-system/design-principles)
{% endcontent-ref %}

### **Style Guide**

{% content-ref url="design-system/style-guide" %}
[style-guide](https://sithelloworld2021.gitbook.io/helloermine/web-design/design-system/style-guide)
{% endcontent-ref %}

### **Component**

{% content-ref url="design-system/component" %}
[component](https://sithelloworld2021.gitbook.io/helloermine/web-design/design-system/component)
{% endcontent-ref %}

### **Share Language**

{% content-ref url="design-system/share-language" %}
[share-language](https://sithelloworld2021.gitbook.io/helloermine/web-design/design-system/share-language)
{% endcontent-ref %}

## **แหล่งอ้างอิง 📑**

{% embed url="<https://sithelloworld20.gitbook.io/helloworlddolphin/design/design-system>" %}

{% embed url="<https://natngarm.medium.com/สำหรับบทความในวันนี้เราจะมาเล่าเรื่องของ-design-systems-กันแบบพื้นฐาน-ว่าสิ่งนี้คืออะไร-fb5bf619fe2c>" %}

{% embed url="<https://medium.com/skooldio/design-system-scale-อย่างเป็นระบบ-f17c04bd28ea>" %}

{% embed url="<https://www.grappik.com/design-system>" %}

{% embed url="<https://medium.com/@weerapatthawatchoketawee/design-system-คืออะไร-ทำไมบริษัทหรือองค์กรใหญ่-ๆ-ถึงให้ความสำคัญ-36cb872e6645>" %}
