UI/UX 디자인
어려움
코딩
디자인 시스템 구축
확장 가능한 디자인 시스템 설계
50분
90점
#3748
문제 설명
대규모 웹 애플리케이션을 위한 디자인 시스템을 설계하세요.
디자인 시스템 구성요소
- 디자인 토큰
- 색상 (Primary, Secondary, Semantic)
- 타이포그래피 (Font family, sizes, weights)
- 간격 (Spacing scale)
- 그림자
- 테두리
- 기본 컴포넌트
- Button (variants, sizes, states)
- Input (text, select, checkbox, radio)
- Card
- Modal
- Toast
- 복합 컴포넌트
- Form
- Table
- Navigation
요구사항
- 다크 모드 지원
- 반응형
- 접근성 (WCAG 2.1 AA)
- 문서화
- 버전 관리
제출물
- 토큰 정의
- 컴포넌트 API 설계
- 사용 예시
실행 버튼을 눌러 코드를 실행하세요.