Reference & Resource

체계적인 디자인 시스템 가이드 추천

피그마 오픈카톡방2026. 3. 7.

질문사항

G마켓 디자인 가이드나 디지털 정부 서비스 가이드처럼 체계적으로 정리된 다른 디자인 시스템 가이드 사이트를 추천해 주실 수 있나요?

답변

G마켓 디자인 가이드나 디지털 정부 서비스 가이드처럼 디자인과 UX/UI 관련 가이드를 체계적으로 제공하는 사이트를 찾으신다면, 다음과 같은 글로벌 디자인 시스템 가이드들이 참고할 만합니다.

Apple Human Interface Guidelines (HIG)

설명: Apple에서 제공하는 인터페이스 가이드로, iOS, macOS, watchOS, tvOS 앱 디자인 시 고려할 점들을 상세하게 정리해 놓았습니다. 디자인 원칙, 구성 요소, 모션, 접근성 등에 대한 정보가 풍부하며, Apple 생태계 디자인의 표준을 제시합니다.

링크: [developer.apple.com/design/human-interface-guidelines](https://developer.apple.com/design/human-interface-guidelines/)

Material Design by Google

설명: 구글의 Material Design 가이드는 Android 앱뿐만 아니라 웹과 크로스 플랫폼 디자인을 위한 유용한 자료입니다. 색상, 타이포그래피, 레이아웃 등 기본 요소와 함께 다양한 컴포넌트에 대한 가이드가 체계적으로 정리되어 있습니다. 시각적으로 풍부하고 애니메이션 원칙까지 다룹니다.

링크: [m3.material.io](https://m3.material.io/) (Material Design 3)

Microsoft Fluent Design System

설명: Microsoft의 Fluent Design System은 Windows, Xbox, Microsoft 365 등 Microsoft 플랫폼에서 일관된 디자인을 제공하기 위해 설계된 가이드입니다. 빛, 깊이, 모션, 재료, 스케일의 다섯 가지 핵심 요소를 기반으로 하며, 적응형 디자인과 접근성을 강조합니다.

링크: [fluent2.microsoft.design](https://fluent2.microsoft.design/)

IBM Carbon Design System

설명: IBM의 Carbon Design System은 오픈 소스 디자인 시스템으로, 복잡한 엔터프라이즈 제품을 위한 디자인 원칙, 컴포넌트, 패턴을 제공합니다. 개발자와 디자이너 간의 협업을 강조하며, 접근성과 사용성을 중요하게 다룹니다.

링크: [carbondesignsystem.com](https://carbondesignsystem.com/)

이 외에도 다양한 기업들이 자체 디자인 시스템을 공개하고 있으니, 특정 산업군이나 스타일을 참고하고 싶다면 해당 기업의 디자인 시스템을 검색해 보는 것도 좋은 방법입니다.