Design System
디자인 시스템에 도움되는 자료
개굴이 dev
2020. 5. 14. 18:53
✍🏼 Design System Reference
개념
디자인 가이드라인/디자인 시스템은 왜 필요한가(현재글)
- UX 컨설팅 회사 pxd에서 작성된 디자인 시스템 시리즈 1~8편
- 디자인 시스템에 대해 상세하게 설명되어 있습니다.
typescript와 storybook을 사용한 리액트 디자인 시스템 구축하기
- 리액트 계의 문익점😇이라는 벨로퍼트님의 글입니다.
- 리액트를 사용하지 않아도 기본적인 디자인 시스템에 대해 이해할 수 있습니다.
- 헷갈리는 디자인 시스템 개념들에 대해 정리되어 있습니다.
- 3명의 디자이너, 프론트엔드 엔지니어가 만든 체크리스트
- 2020.01 에 런칭한 따끈따근한 리스트입니다.
- 더 잘 알고 싶다! 하시면 읽어 보세용
적용 이야기
- 마이리얼트립, 토스, 버즈빌의 디자인 시스템에 대해 간략히 알 수 있습니다.
- 사례를 알 수 있는 사이트가 소개되어 있습니다.
- 디자인 시스템에 투입할 인력이 많지 않았다는 스타트업 회사 버즈빌의 방향성을 알 수 있습니다.
- 국내 스타트업의 버튼 컴포넌트 시스템 설계 사례
- 버튼 컴포넌트가 단순해 보이지만 생각할 게 많은 컴포넌트죠. 컴포넌트 하나 설계도 쉽지 않음을 알 수 있는 글이었습니다…🤮
- 디자인 시스템 팀이 독립적으로 있는 airbnb의 시스템 적용 과정을 대략적으로 알 수 있습니다.
디자인 시스템 가이드 모음
- uxpin에서 만든 회사 별 가이드 모음으로 카테고리화가 잘 되어 있습니다.
- 아델과 비슷합니다.
- 패턴 라이브러리, SCSS 가이드 등 200개 이상의 가이드 모음
해외 기업 디자인 시스템
- Material UI
- 구글에서 만든 디자인 시스템 계의 수학의 정석.!?
- Photon Design
- 모질라 컴포넌트 라이브러리
Shopify
- Polaris
- 세계적 이커머스 회사 쇼피파이의 폴라리스 디자인 시스템
IBM
국내 기업 디자인 시스템
추가되었으면 하는 좋은 글이나 디자인 시스템 있으면 알려주세요~