안녕하세요, UXPin 코리아 단군소프트입니다.

지난 2022년 1월 20일(목) UXPin에서 MUI(Material-UI) 라이브러리를 오픈했습니다. ​

티리얼이 무엇인지 생소하신 분들을 위해 간단하게 배경부터 소개해드리겠습니다!

2014년 구글이 머티리얼 디자인 시스템을 발표했었는데요, 웹&앱 개발에 있어 많은 변화가 생겼습니다. 하지만 구글에서 리액트 관련 소스코드를 공개하지 않고, 네이티브 자바스크립트만 지원했습니다. ​

이때 머티리얼 디자인 가이드라인을 따르면서 리액트에서 바로 쓸 수 있는 컴포넌트 형태의 UI 프레임 워크가 등장했습니다. ​

그렇게 올해 UXPin에서도 MUI(Material-UI) 라이브러리를 개발하여 사용자분들께 2주간 무료체험을 해보실 수 있도록 서비스를 지원하고 있습니다.

MUI란?

프로토타이핑과 제품개발에 가장 많이 활용되는 인터랙티브 컴포넌트 기반의 React UI라이브러리입니다.

UXPin MUI의 기능

● UXPin Merge로 빌트인 된 MUI라이브러리로 디자인 및 코딩에 활용하실 수 있습니다.

● 실제 제품에 가까운 React기반의 UI컴포넌트 및 템플릿을 사용하여 프로토타이핑을 할 수 있습니다.

완벽한 인터랙티브 컴포넌트로 제품을 만들어보세요

인터랙티브 MUI 컴포넌트를 이용하면, 머티리얼 디자인의 원칙에 따른 디자인이 가능합니다.

모든 UI요소가 React를 통해 구현되어있기 때문에 MUI 라이브러리를 사용하는 것만으로, 단 몇 분 만에 리얼한 프로토타입을 만들 수 있습니다.

디자인시스템의 일관성을 유지하면서도 스케일이 가능합니다

신뢰할 수 있는 유일한 소스로서의 디자인시스템이 실현 가능해집니다. UXPin에서 MUI 라이브러리를 사용함으로써 개발 팀이 이용하는 동일한 코드 컴포넌트로 디자인이 가능하기 때문에, 디자이너와 개발자의 원활한 공동작업을 가능케 했습니다.

● 디자이너와 엔지니어 모두를 위한 기술문서

MUI 기술문서가 이미 준비되었습니다. 설계자와 엔지니어에게 모두 도움이 되는 일관된 디자인시스템 및 기능을 구축하실 수 있습니다.

● 기능적이며 높은 충실도의 UI 구성 요소

코드의 힘을 빌려, 지금까지는 없었던 높은 충실도의 디자인을 경험하세요. 빌트인 된 인터랙티브 컴포넌트로 디자인시스템을 구축해보세요!

● 액세서빌리티(접근성)를 놓치지 마세요

더 많은 유저들에게 다가가는 컴포넌트로 프로토타이핑을 합니다. 접근성에 대한 테스트가 완료된 요소로 디자인할 수 있습니다. 모든 유저들이 활용할 수 있는 제품을 만들고 싶지 않으신가요? 지금 당장 실현해보세요!

● 즉시 제품화가 가능한 UI 컴포넌트

MUI 컴포넌트를 사용하여 디자인에서 핸드오프 및 개발까지의 프로세스 전반에 걸쳐 일관성을 유지할 수 있습니다. CSS 유틸리티를 수정하는 정도로 React Framework를 쉽게 커스터마이즈하여 활용하실 수 있습니다.

자세한 내용은 다음 문서를 참조해보세요. ​

Git 저장소의 MUI 라이브러리 문서를 참조해보세요! Merge 테크놀로지를 통해 코드 컴포넌트를 어떻게 디자인 워크플로우에 통합시키는지 알아볼 수 있습니다.

UXPin Merge 기술문서를 참조하세요! UXPin에서 MUI를 이용해보세요!

단군소프트 블로그

영상을 통해 MUI 라이브러리 사용 방법을 확인해보세요! 리액트로 코드화된 MUI 컴포넌트를 발견하실 겁니다.(영상은 단군소프트 블로그를 통해 시청하실 수 있습니다.) 

여기까지 UXPin의 MUI(Material-UI) 라이브러리를 오픈 소식이었습니다.

어떠셨나요? UXPin의 현명한 기능!

2주간 무료로 사용하실 수 있으니 놓치지 말고, 아래 링크를 통해 만나보세요.

더 궁금한 점이 있으시다면 단군소프트에게 문의해주세요!

다음 시간에도 유용한 컨텐츠로 찾아뵙겠습니다.

긴 글 읽어주셔서 감사합니다.