안녕하세요. 크래커나인 입니다.
Cracker9 App을 사용하기 위해서는 먼저 Sketch로 디자인 된 Screen이 필요한데요. 디자인 된 Screen은 Cracker9 Plugin으로 링크 생성을 할 수 있기 때문이죠.
자 그럼, Cracker9 Plugin을 사용하여 Screen 추출과 링크를 생성해볼까요? 아직 Cracker9을 다운로드 하지 않으신 분은 http://cracker9.io 에서 다운로드 받아 주세요.
1. Sketch에서 Asset Export
Assets(PNG, JPG, SVG)으로 추출해야할 Layer를 선택한 후 화면의 오른쪽 아래 “Make Exportable” 을 선택하십시오.
“Make Exportable” 하면 위와 같이 변경됩니다.
그리고 왼쪽 레이어 리스트에는 선택한 레이어에 칼 모양이 생깁니다.
2. Cracker9으로 Artboards Export
Command + S 를 눌러서 디자인 파일을 저장해주세요. 그리고 전달할 스크린, 즉 아트보드를 개별선택 또는 멀티선택 하세요.
Sketch 메뉴에서 Plugins > Cracker9 > Export Selected Artboards 를 선택해주세요.
위와 같은 팝업에서 아트보드 링크를 설정해주면 됩니다. (만약, 로그인을 하지 않았다면 로그인 화면이 실행되므로 로그인한 후 진행해주시길 바랍니다.)
먼저 아트보드의 플랫폼을 지정한 후, 그에 따른 해상도를 지정하면 되는데요.
Android의 경우에는 DPI를, iOS와 Web의 경우에는 Resolution을 설정하면 됩니다.
그 다음 비밀번호를 설정하면 Export 할 수 있도록 버튼이 활성화 됩니다.
Export가 완료되면 자동으로 Cracker9 App이 실행되며 생성한 링크 리스트가 보여집니다. 생성된 링크는 Created Link 리스트에서 확인할 수 있습니다.
Sketch Artboards 이름을 선택하면 해당하는 스크린을 작업 할 수 있는 화면으로 이동합니다. 생성된 링크를 선택하여 제대로 화면이 나왔는지 확인해볼까요?
화면이 제대로 나왔다면, Link List로 되돌아가서 개발자에게 링크 주소와 비밀번호를 전달하면 됩니다.
그럼, 그 외에 문의사항은 hello@cracker9.io 로 메일주세요!
크래커나인는 디자이너와 개발자들이 Creative에 집중할 수 있도록 돕겠습니다.