UXPin Merge ❤️ Devs

Git, Storybook에서 직접 UI컴포넌트를 동기화하여,
완벽히 일관된 제품개발을 실현합니다.

UX디자인과 개발을
연결합니다

Merge를 통한 코드 컴포넌트를 UXPin에디터로 가져올 수 있습니다. Git저장소와 Storybook과의 통합을 통함으로써 개발환경과 동일한 UI를 디자인툴에 렌더링합니다.

UX디자인과 개발을 <br> 연결합니다
React컴포넌트를 위한 <br>Git 통합

React컴포넌트를 위한
Git 통합

공개뿐만 아니라 비공개 Git저장소의 react.js 컴포넌트를 UXPin으로 가져올 수 있습니다. 가장 인기있는 프레임워크 중 하나인 React를 디자인 프로세스에 그대로 활용하세요.

Web컴포넌트의 <br>Git 통합

Web컴포넌트의
Git 통합

유니버설 Web컴포넌트를 디자인 프로세스에 도입할 수 있습니다. React wrapper 감싸는 방법으로 이미 개발된 인터랙티브 컴포넌트로 프로토타이핑이 가능합니다.

Storybook 통합은 15개 이상의 프레임워크를 지원합니다

Storybook 통합은 15개 이상의 프레임워크를 지원합니다

Storybook에서 지원하는 모든 프레임워크를 사용할 수 있습니다. UXPin을 통해 공개 또는 비공개 Storybook라이브러리를 단1분만 연결하여 코드화된 UI를 디자인툴로 가져올 수 있습니다.

"저희 회사는 Microsoft Fluent 디자인시스템과 UXPin 디자인에디터를 Merge를 통해 동기화했습니다. 매우 효율적이며 단 3명의 디자이너가 60개의 프로덕트와 1000명 이상의 개발자를 서포트하고 있습니다."

Erica Rider
Erica Rider
UX 아키텍트 & 디자인 리더

Your final single
source of truth

Merge의 버전 컨트롤 은 각 프로젝트의 컴포넌트를 개별적으로 관리할 수 ​​있습니다. 브랜치 및 태그를 사용하여 UXPin UI라이브러리에서 원하는 버전을 쉽게 전환 및 적용할 수 있습니다.

Your final single<br>source of truth
항상 동기화 상태를<br>유지하세요

항상 동기화 상태를
유지하세요

디자인컴포넌트와 코드컴포넌트의 불일치를 제거하세요. Git저장소의 컴포넌트를 업데이트하면 UXPin 라이브러리도 바로 변경이 반영됩니다.

프로덕션 코드와 100% <br>동일한 컴포넌트

프로덕션 코드와 100%
동일한 컴포넌트

이미 개발한 코드를 그대로 활용 하여 디지털 제품을 쉽게 구축 할 수 있습니다. UXPin에서 컴포넌트의 코드를 복사하여 코드편집기에 붙여 넣기만 하면 됩니다.

디자인에서의 한계를 넘어서, 원하는 <br>대로 커스터마이즈 할 수 있습니다

디자인에서의 한계를 넘어서, 원하는
대로 커스터마이즈 할 수 있습니다

디자인 과제를 코드로 해결하세요. – 테마 스위처, 특정 속성 및 반응형웹 등의 독자의 컴포넌트를 구축해서 디자인에 활용할 수 있습니다.

더이상 사일로화 된 디자인환경에서 제품개발을 할 필요가 없습니다.

디자이너와 개발자의 공통 언어로서 코드화된 UI컴포넌트를 사용하기 때문에, 디자인한 결과물에서 제품개발을 할 때 생기는 디자인부채가 존재하지 않습니다.

더이상 사일로화 된 디자인환경에서 제품개발을 할 필요가 없습니다.

디자인 프로세스를
통합해 보세요

현재 쓰시고 계신 여러 디자인툴들을 UXPin Merge 하나로 통합하세요. 빠르게 디지털혁신제품을 시장에 내놓을 수 있습니다.

디자인 프로세스를<br>통합해 보세요