디자인 리소스

디자인 리소스 (Design resources)

같은 라이브러리로 디자인하고 개발할 때 더 효율적으로 작업할 수 있게 도와주는 디자인 키트와 관련 리소스를 소개할게요. 디자이너와 개발자가 같은 용어로 소통할 수 있도록 준비된 도구들이랍니다.

출처: 문서

Material UI 컴포넌트 디자인은 Figma와 Sketch에서 사용할 수 있어요. 각 컴포넌트의 모든 상태(state), 변형(variants), 그리고 모든 조합(permutations)에 대해 공통된 용어를 사용하는 정확한 표현을 제공합니다.

이 디자인 키트는 1,500개가 넘는 고유한 요소로 구성되어 있어요. 개발 과정을 빠르게 하고, 이 라이브러리를 사용하는 디자이너와 개발자 팀 간의 커뮤니케이션을 원활하게 해 주도록 만들어졌답니다.

Sync는 Material UI를 사용하는 디자이너와 개발자 사이의 간극을 좁혀 주는 Figma 플러그인이에요.

Figma의 모든 디자인 토큰과 컴포넌트 커스터마이제이션을 담은 테마 파일을 생성해서 코드베이스에 바로 추가할 수 있어요. 플러그인 인터페이스 안에 내장된 Storybook 패널로 변경 사항을 빠르게 미리 볼 수도 있답니다.

Sync는 현재 베타 버전이며, Figma Community에서 무료로 이용할 수 있어요. 더 자세한 내용은 Sync 문서 페이지에서 확인할 수 있습니다.

Material UI for UXPin: Material UI 컴포넌트로 구성된 대규모 UI 키트예요. 이 디자인 도구는 웹 런타임에서 컴포넌트를 렌더링하며, 프로덕션 환경과 동일한 React 구현을 사용합니다.