보랑취향

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

IT/피그마

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

보랑취향 2026. 5. 13. 10:35

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

입니다.

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

 

 

728x90
Comments