코드 기반의 툴로 Figma, Sketch, Axure, InVision 및 Zeplin을 대체할 수 있는 유일한 디자인 및 프로토 타이핑 툴입니다.
▶ 제품기능
1. 코드로 구현된 살아있는 디자인
UXPin Merge를 사용하면 디자이너가 프로덕션 중에 개발자가 사용하는 구성 요소와 100 % 동일한 코드화 된 React.js 구성 요소를 가져와 동기화 상태로 유지할 수 있습니다. 이 구성 요소는 실제 제품과 똑같이 구현 기능합니다.
2. 디자인 시스템 구축 & 디자인 일관성 보장
라이브러리를 사용하여 브랜드를 정의하는 구성 요소, 색상 및 텍스트 스타일을 저장하고 액세스 할 수 있습니다. 팀과 공유하여 프로젝트 전체에서 디자인 일관성을 유지하세요. 팀의 모든 디자이너와 개발자를 위한 최종 디자인 소스를 디자인 시스템으로 만들어 전체 조직의 모든 프로젝트를 쉽게 관리하세요.
3. 실제 데이터를 사용한 인터렉티브한 프로토타입
마이크로 인터랙션 또는 호버 효과를 사용하여 그들 사이에 애니메이션을 적용합니다. 입력 필드에 입력 한 이메일 주소와 같은 정보가 실제와 같은 경험을 제공하기 위해 다른 화면으로 전송되도록 프로토타입을 빌드하세요. 프로토타입이 보다 실제처럼 보입니다. 자동 생성 된 이름, 도시 및 이미지로 채웁니다. UXPin의 내장 데이터를 사용하여 두 번만 클릭하면 됩니다. 더 이상 lorem ipsum이나 스톡 사이트에서 이미지를 검색하지 않아도 됩니다.
4. 피드백 제공 및 공유
UXPin Merge를 사용하면 디자이너가 프로덕션 중에 개발자가 사용하는 구성 요소와 100 % 동일한 코드화 된 React.js 구성 요소를 가져와 동기화 상태로 유지할 수 있습니다. 이 구성 요소는 실제 제품과 똑같이 구현 기능합니다.
5. 하나의 시스템 안에서 통합된 완벽한 협업
항상 최신 상태인 단일 링크를 사용하여 작업 결과를 공유합니다. (필요한 경우 암호로 보호 할 수 있음). 팀, 이해 관계자 또는 고객에게 프로토타입을 테스트받고 검토하도록 합니다.