[피그마] 실제로 많이 사용하는 디자인 시스템 TOP 5

1️⃣ Material Design 공식 사이트

회사: Google

특징

• 가장 유명한 디자인 시스템
• 안드로이드 앱 UI 표준
• 컴포넌트와 디자인 가이드 매우 풍부

사용 기술

• React (Material UI)
• Android
• Web

대표 UI

• 카드
• FAB 버튼
• Material Grid

---

2️⃣ Fluent UI 공식 사이트

회사: Microsoft

특징

• Windows / Office UI 기반 디자인
• 기업용 SaaS에서 많이 사용

사용 기술

• React
• Web Components
• Microsoft 365 UI

---

3️⃣ Bootstrap 공식 사이트

회사: Twitter

특징

• 가장 오래된 UI 프레임워크
• 웹사이트 제작 속도 매우 빠름

사용 기술

 

<button class="btn btn-primary">
Button
</button>

 

대표 기능

• Grid system
• Modal
• Navbar
  
  

 

---

4️⃣ Carbon Design System 공식 사이트

회사: IBM

특징

• 기업용 소프트웨어 UI에 특화
• 디자인 토큰 구조가 잘 되어 있음

지원

• React
• Figma UI Kit
• Design Tokens

---

5️⃣ Ant Design 공식 사이트

회사: Alibaba

특징

• 관리 시스템(Admin) UI에 강함
• 테이블 / 폼 / 대시보드 컴포넌트 풍부

사용 기술

 

<Button type="primary">
Submit
</Button>

 

---

⭐ 개발자 인기 순위 (웹 기준)

대략적인 체감 순위

1️⃣ Material
2️⃣ Bootstrap
3️⃣ Ant Design
4️⃣ Fluent
5️⃣ Carbon

---

💡 지금 사용자 상황(피그마 + 디자인 토큰) 기준으로 보면

가장 참고하기 좋은 것은

• Material Design
• Carbon Design System

입니다.

왜냐하면
디자인 토큰 구조가 가장 잘 정리되어 있기 때문입니다.