Light Logo of UXPinDark Logo of UXPinToggle Menu

코드로 만드는 디자인

UXPin Merge를 소개합니다. 코드 기반의 디자인을 실현하는 혁신적인 기술입니다.

Windows, Mac 또는 간단히 브라우저를 통해 이용하실 수 있습니다.
신용카드는 필요하지 않습니다.

다양한 기업들이 이용하고 있습니다:

Merge 테크놀로지란?

UXPin Merge는 디자이너와 개발자가 Git 저장소에서 동기화 된 동일한 컴포넌트를 사용하여 제품을 신속하게 완성할 수 있습니다. 전에 없던 확장성과 빠른 제품개발을 체험해 보세요.
코드 컴포넌트를 사용한 디자인 방법에 대해 자세히 알아보세요.

코드화된 UI컴포넌트를 사용하기에 다른 툴에 비해 제품 디자인이 6배나 빨라졌습니다.
UX팀, Paypal

살아있는 프로토타입

UXPin은, 정적인 화면과 아트보드를 이용하는 일반적인 프로토타이핑 툴과는 비교할 수 없습니다. UXPin은 완제품과 같이 동작하는 프로토타입을 디자인하는 데 필요한 모든 것을 제공합니다.

스테이트

모든 요소의 설정에 따라 다양한 구성을 하고, 요소들간의 애니메이션을 나타낼 수 있습니다. 원클릭으로 스테이트 간의 속성을 업데이트할 수 있습니다.

변수

텍스트 요소를 동적으로 업데이트하거나, 데이터를 입력하거나 사용자의 취향에 맞게 저장하여 나중에 프로토타입에 사용할 수 있습니다.

조건부 인터랙션

프로토타입에 로직 레이어를 추가 할 수 있습니다. 규칙을 설정하여 그 규칙에 부합하는 경우에만 인터랙션이 일어납니다.

계산식 작성

JavaScript를 사용하여 장바구니 등의 계산 컴포넌트를 만들거나 이메일 등의 사용자 입력의 검증을 표현할 수 있습니다.

UXPin Mirror

모바일 장치에서 프로토 타입을 빠르고 쉽게 미리 볼 수 있습니다. iOS 및 Android에 대응하고 있습니다. USB/Wi-Fi는 필요하지 않습니다. QR코드 스캔으로 간단.

Sketch파일 가져오기

Sketch를 사용하고 계신가요? UXPin에 Sketch 파일을 가져와서 작업을 계속할 수 있습니다.

당신의 프로토타입에 적합한 슈퍼 파워를 느껴보세요

협업이 이렇게까지 쉬워집니다.

UXPin에서 만든 것은 모두 즉시 공유 할 수 있습니다. 팀 피드백 수집, 개발자와 스펙 공유, 이해관계자의 승인 취득 등을 모두 한 곳에서 할 수 있습니다.

공유

모든 프로토타입은 항상 최신 상태로 유지된 채 공유되는 링크를 가지게 됩니다. 패스워드로 보호 할 수 있습니다.

피드백 수집

팀의 의견을 모으기 위한 신속한 반복, 동기화 과정의 투명성을 확보 할 수 있습니다.

승인 요청

이해관계자를 프로토타입에 초대하여, 가입하지 않고도 공식적인 승인을 얻을 수 있습니다. 승인만 해주세요!

스펙, 디자인자산, 코드

거리, 크기, 스타일 등 구성 요소의 비주얼 스펙을 개발자가 쉽게 확인할 수 있도록 합니다.

자유로운 문서 작성

자세한 가이드라인을 설정하고 메모를 남길 수 있습니다. 프로토타입의 특정 부분에 핀으로 고정 할 수 있습니다.

자동 스타일가이드

각 프로토타입의 모든 색상, 글꼴, 디자인자산의 개요를 한 곳에 모아둘 수 있습니다. 스타일가이드는 디자인작업과 동시에 업데이트할 수 있습니다.

슈퍼히어로 팀이 될 겁니다

디자인시스템을 구축할 수 있습니다.

팀의 모두가 손쉽게 유지보수가 가능하며, 다이내믹하게 재이용 가능한 디자인시스템을 구축하여 디자인의 일관성을 보장합니다.

컴포넌트 라이브러리

색상, 텍스트스타일, 디자인자산, UI컴포넌트의 공유 세트를 생성하여 일관성을 확보하고 생산성을 향상시킵니다.

권한 설정

디자인시스템에 팀의 권한을 설정하여 누가 편집하거나 열람하거나 할 수 있는지를 완벽하게 제어 할 수 있습니다.

동기화

원클릭으로 변경을 푸시 & 풀 할 수 있습니다. 팀원 모두가 항상 최신 버전을 사용할 수 있으므로 안심입니다.

디자인시스템 포털

회사의 디자인가이드라인, 디자인자산, 컴포넌트를 관리합니다. 문서 및 코드 검색도 가능합니다. 그 모든 것을 한 곳에서.

내보내기

개발자는 디자인시스템을 JSON 형식으로 액세스하거나, 일반적인 스타일링 형식으로 액세스하여 코드와 통합 할 수 있습니다.

디자인의 확장

코드 컴포넌트를 사용한 디자인
제품을 더 빨리 출시합니다

디자인 개발 프로세스를 단축하고, 개발코드 그대로의 컴포넌트를 UXPin 에디터에 통합시킬 수 있습니다. Merge 테크놀로지는 프레임워크에 관계없이 이미 코드화 된 컴포넌트를 활용하여 디자인 할 수 있습니다.

merge technology demo

Merge 테크놀로지

어떤 디자인요소도 다양하게 디자인이 가능하며, 요소들간의 애니메이션도 표현할 수 있습니다. 원클릭만으로 스테이트 간의 속성을 업데이트할 수 있습니다.

Git와의 통합

Git 저장소에서 React 컴포넌트를 사용하여 디자인함으로써 핸드오프 드리프트를 없애고, 최종제품처럼 작동하는 프로토타입을 만들 수 있습니다.

Storybook과의 통합

Storybook의 UI컴포넌트를 그대로 사용하여 디자인 할 수 있습니다. 어떤 프레임워크를 사용하는지에 상관없이 1분 이내에 통합할 수 있습니다.


UXPin을 지금 바로 사용하세요

최고의 기업들이 선택한 디자인, 프로토타이핑, 디자인시스템의 솔루션

신용 카드는 필요하지 않습니다.