UX디자인과 개발을
연결합니다
Merge를 통한 코드 컴포넌트를 UXPin에디터로 가져올 수 있습니다. Git저장소와 Storybook과의 통합을 통함으로써 개발환경과 동일한 UI를 디자인툴에 렌더링합니다.
React컴포넌트를 위한
Git 통합
공개뿐만 아니라 비공개 Git저장소의 react.js 컴포넌트를 UXPin으로 가져올 수 있습니다. 가장 인기있는 프레임워크 중 하나인 React를 디자인 프로세스에 그대로 활용하세요.
Web컴포넌트의
Git 통합
유니버설 Web컴포넌트를 디자인 프로세스에 도입할 수 있습니다. React wrapper 감싸는 방법으로 이미 개발된 인터랙티브 컴포넌트로 프로토타이핑이 가능합니다.
Storybook 통합은 15개 이상의 프레임워크를 지원합니다
Storybook에서 지원하는 모든 프레임워크를 사용할 수 있습니다. UXPin을 통해 공개 또는 비공개 Storybook라이브러리를 단1분만 연결하여 코드화된 UI를 디자인툴로 가져올 수 있습니다.
"저희 회사는 Microsoft Fluent 디자인시스템과 UXPin 디자인에디터를 Merge를 통해 동기화했습니다. 매우 효율적이며 단 3명의 디자이너가 60개의 프로덕트와 1000명 이상의 개발자를 서포트하고 있습니다."
Your final single
source of truth
Merge의 버전 컨트롤 은 각 프로젝트의 컴포넌트를 개별적으로 관리할 수 있습니다. 브랜치 및 태그를 사용하여 UXPin UI라이브러리에서 원하는 버전을 쉽게 전환 및 적용할 수 있습니다.
항상 동기화 상태를
유지하세요
디자인컴포넌트와 코드컴포넌트의 불일치를 제거하세요. Git저장소의 컴포넌트를 업데이트하면 UXPin 라이브러리도 바로 변경이 반영됩니다.
프로덕션 코드와 100%
동일한 컴포넌트
이미 개발한 코드를 그대로 활용 하여 디지털 제품을 쉽게 구축 할 수 있습니다. UXPin에서 컴포넌트의 코드를 복사하여 코드편집기에 붙여 넣기만 하면 됩니다.
디자인에서의 한계를 넘어서, 원하는
대로 커스터마이즈 할 수 있습니다
디자인 과제를 코드로 해결하세요. – 테마 스위처, 특정 속성 및 반응형웹 등의 독자의 컴포넌트를 구축해서 디자인에 활용할 수 있습니다.
더이상 사일로화 된 디자인환경에서 제품개발을 할 필요가 없습니다.
디자이너와 개발자의 공통 언어로서 코드화된 UI컴포넌트를 사용하기 때문에, 디자인한 결과물에서 제품개발을 할 때 생기는 디자인부채가 존재하지 않습니다.