프로덕트 라이프/지식노트

프로젝트 전에 보면 좋은 디자인 시스템 리스트

엘리 Ellie Lee 2026. 6. 22. 09:00

Apple HIG (Human Interface Guidelines)

  • Apple 생태계(iOS, macOS 등)에 최적화된 모션과 터치 인터랙션 강조
  • 직관성과 심플함, 시각적 계층 구조를 핵심으로 함

https://developer.apple.com/design/human-interface-guidelines

Microsoft Fluent 2

  • 멀티 플랫폼을 아우르는 통일된 UI 철학
  • ‘Adaptable, Empathetic, Human’이라는 키워드 중심의 디자인
  • 피그마 파일 제공

https://fluent2.microsoft.design/

https://www.figma.com/community/file/836833645402438850

Material 3

  • 사용자 맞춤형 컬러 시스템 (Dynamic Color)이 특징
  • 컴포넌트 커스터마이징 자유도가 높아짐

https://m3.material.io/

KRDS (공공누리 디자인 시스템)

  • 대한민국 정부 디자인 시스템
  • 시각 약자를 고려한 명도 기준, 접근성 가이드 중심

https://www.krds.go.kr/html/site/index.html

LINE Design System

  • 메시징과 커뮤니케이션 중심의 심플한 UI
  • 토큰 기반 컬러 및 타이포 시스템이 잘 정리됨

https://designsystem.line.me/

G마켓 디자인 시스템 (GDS)

  • 쇼핑몰 특화된 구성 요소 (상품 카드, 배너 등)
  • 반응형 대응과 실사용 중심 구조

https://gds.gmarket.co.kr/

11번가 디자인 시스템

  • 브랜드 컬러 활용이 명확하며, 컴포넌트 분류 체계가 직관적
  • 문서화와 라이브러리 활용 예시가 풍부

https://design.11stcorp.com/

Audi Style Guide

  • 브랜드 정체성이 강하게 반영된 비주얼 중심 디자인
  • 프리미엄 이미지와 고급스러운 타이포그래피 사용

https://styleguide.audi.com/hub/271

Atlassian Design System

  • 협업 툴에 최적화, 정보 밀도가 높은 UI 제공
  • 개발자 친화적이며 코드 예시와 문서화가 정교함

https://atlassian.design/

Goldman Sachs Design System

  • 금융 서비스 특화된 안정성과 일관성을 우선시
  • 복잡한 데이터 시각화를 위한 구성 요소 포함

https://designsystems.surf/design-systems/goldmansachs

Uber BASE Design System

  • 모빌리티 중심 UX 고려, 모바일 사용성에 초점
  • 글로벌 서비스를 고려한 언어 및 지역 대응 구조

https://base.uber.com/6d2425e9f/p/294ab4-base-design-system