스케치에서 인비전을?! Craft 플러그인 – 인비전 프로토타이핑 툴 강좌

인비전 강좌 두 번째입니다. 인비전 강좌 1편을 안 보신 분들은 1편부터 보고 오시는 것이 좋습니다. 계정 생성과 간단한 작동법을 배우실 수 있어요. 2편에서는 인비전을 스케치에 연동해서 사용하는 방법을 중점적으로 배워볼게요. 인비전에서 제공하는 플러그인 Craft를 설치해서 그 안에 제공하는 다양한 기능들도 같이 살펴볼게요.
협업 툴에 도움 될 수 있겠다는 생각이 들 겁니다. 개인적으로 보안이 걸린 대기업 프로젝트보다 소규모 프로젝트나 스타트업에서 사용하기 적합할 것 같네요.

invision : https://www.invisionapp.com/
Craft plug-in : https://www.invisionapp.com/craft

디자인뿐만 아니라 기획, 개발에서도 유용하게 사용 가능한 툴입니다. 배워두면 유용하게 사용할 수 있으니 UI 디자인만 배우지 마시고, 프로토 타입 제작 기술도 배워 본인만의 스킬을 늘려 가보세요! : )

*인비전 강좌는 웹 브라우저 기반의 툴로 OS 제약이 없이 누구나 사용할 수 있는 툴입니다. 게다가 프로젝트 하나는 무료입니다.

핵심 요약

스케치에서 인비전을 연동해서 사용하려면 인비전에서 제공하는 Craft를 설치하고 계정을 로그인해줍니다. 위 URL을 통해 다운로드해줍니다.

Sync : 인비전에 업로드하는 기능

Player : 프로토타입을 보는 기능

Prototype : 프로토 타이핑 가능한 모드 실행, 영역을 선택하고 단축키 C 눌러서 연결

Design System Manager : 디자인 시스템 관리하는 기능, 컬러, 타이포그래피, 컴포넌트 저장 및 관리

Data : 더미 텍스트와 이미지 불러오는 기능

Duplicate : 반복할 레이어를 복제하는 기능 (가로/세로)

Freehand : 디자인에 대한 의견을 자유롭게 소통하는 공간 제공

Stock : iStock과 게티이미지의 스톡 이미지 불러올 수 있음 (유료 이미지 구매)