프로그램 전체 보기

달레 UI 디자인시스템

daleui.com · Figma UI Kit · npm daleui

한국어 환경에 특화된 오픈소스 React 디자인 시스템을 커뮤니티가 함께 만듭니다. 한국어 타이포그래피와 접근성(WCAG)을 최우선으로 고려하며, 디자이너와 개발자가 이슈 선택부터 PR 리뷰, 릴리스까지 실무와 같은 협업 프로세스를 그대로 경험합니다. npm에 배포되어 실제 프로젝트에서 사용됩니다.

한국어접근성반응성ReactFigmaStorybooknpm
한국어 환경에 특화된 모두를 위한 디자인 시스템, 달레UI 커버 이미지
한국어 사용자 경험을 최우선으로 고려한, 모두를 위한 디자인 시스템입니다.
달레 UI v1.0 컴포넌트: 버튼, 폼, 태그, 카드가 라이트·다크 모드로 정리된 화면
달레 UI v1.0, 커뮤니티가 함께 만든 컴포넌트들, 라이트·다크 모드 모두 지원합니다.

진행 방식#

1
이슈 선택GitHub 이슈에서 하고 싶은 작업을 고릅니다. good first issue부터 시작해도 좋습니다.
2
디자인과 설계Figma에서 디자인을 다듬고, 컴포넌트 API와 토큰 구조를 함께 논의해 확정합니다.
3
구현과 PR컴포넌트를 구현하고 스토리북과 테스트를 갖춰 PR을 올립니다.
4
코드 리뷰메인테이너와 동료들의 리뷰를 거쳐 코드를 다듬습니다.
5
릴리스머지된 변경은 시맨틱 버저닝으로 npm에 배포됩니다.

참여 방법#

디자인 시스템에 관심이 있다면 저장소의 이슈부터 살펴보세요. 디자이너의 기여도 환영합니다.