Photoshop에서 작업하고 디자인을 완전히 인터랙티브한 프로토타입으로 변환하여 워크플로우를 단순화해볼까요? Photoshop용 UXPin 플러그인을 사용하면 가능합니다. Photoshop에서 UXPin으로 파일을 직접 가져올 수 있으며 모든 레이어와 요소가 유지됩니다. 디자인 파일을 다시 그릴 필요가 없습니다.

UXPin의 새로운 통합을 통해 다음을 수행할 수 있습니다.

• 기존 정적 디자인 파일을 실제 인터랙티브한 프로토타입으로 변환
• Photoshop 및 Sketch 파일에 대한 피드백 수집
• 최종적인 목업을 이전 버전과 함께 표시함으로써 팀은 전체 프로세스를 이해할 수 있습니다.

현재 지원되는 Photoshop 버전은 Photoshop 2017 CC, Photoshop 2018 CC, Photoshop 2019 CC입니다.

1. UXPin 계정에 로그인합니다.
2. 오른쪽 상단의 Setting 아이콘을 클릭하고 Interactions를 선택합니다. 현재 플러그인의 버전이 표시됩니다. 여기에서 Windows 버전을 다운로드할 수도 있습니다.
3. Get Plugin을 클릭합니다.
4. Mac에서는 설치 프로그램이 프로세스를 안내합니다. 그러나 Windows의 경우 UXPinExport 폴더를 Photoshop 폴더의 Plug-ins/Generator/에 복사합니다.
5. Photoshop에서 요소를 선택하고 File > Generate > UXPin Export를 클릭합니다. 파일은 데스크톱으로 .uxpin 확장자로 내보내집니다.

<aside> 💡 비고 현재 아트보드 내보내기는 지원되지 않으며 UXPin은 흰색 레이어로 표시됩니다.

</aside>

UXPin으로 돌아가서 새 프로젝트를 만들거나 기존 프로젝트를 클릭합니다. 프로젝트에 들어가면 파일을 UXPin으로 드래그 앤 드롭합니다.