loading... Loading...
string(1) "1"

Sketch Plugin 사용법

963

안녕하세요. 크래커나인 입니다.
Cracker9 App을 사용하기 위해서는 먼저 Sketch로 디자인 된 Screen이 필요한데요. 디자인 된 Screen은 Cracker9 Plugin으로 링크 생성을 할 수 있기 때문이죠.

자 그럼, Cracker9 Plugin을 사용하여 Screen 추출과 링크를 생성해볼까요? 아직 Cracker9을 다운로드 하지 않으신 분은 http://cracker9.io 에서 다운로드 받아 주세요.

 

 

1. Sketch에서 Asset Export

Plugin01

Assets(PNG, JPG, SVG)으로 추출해야할 Layer를 선택한 후 화면의 오른쪽 아래 “Make Exportable” 을 선택하십시오.

 

 

Plugin02

“Make Exportable” 하면 위와 같이 변경됩니다.

 

 

Plugin03

그리고 왼쪽 레이어 리스트에는 선택한 레이어에 칼 모양이 생깁니다.

 

 

2.  Cracker9으로 Artboards Export

 

* 1개의 Artboard를 Export 할 경우

 

 

* 2개 이상의 아트보드를 Export 할 경우

 

Command + S 를 눌러서 디자인 파일을 저장해주세요. 그리고 전달할 스크린, 즉 아트보드를 개별선택 또는 멀티선택 하세요.

 

 

Plugin04

Sketch 메뉴에서 Plugins > Cracker9 > Export Selected Artboards 를 선택해주세요.

 

 

Plugin05

위와 같은 팝업에서 아트보드 링크를 설정해주면 됩니다. (만약, 로그인을 하지 않았다면 로그인 화면이 실행되므로 로그인한 후 진행해주시길 바랍니다.)

 

 

Plugin06

먼저 아트보드의 플랫폼을 지정한 후, 그에 따른 해상도를 지정하면 되는데요.

 

 

Plugin07

Android의 경우에는 DPI를, iOS와 Web의 경우에는 Resolution을 설정하면 됩니다.

 

 

Plugin08

그 다음 비밀번호를 설정하면 Export 할 수 있도록 버튼이 활성화 됩니다.

 

 

Plugin09

Export가 완료되면 자동으로 Cracker9 App이 실행되며 생성한 링크 리스트가 보여집니다. 생성된 링크는 Created Link 리스트에서 확인할 수 있습니다.

 

 

링크 리스트 사용 방법은 아래와 같습니다.
Plugin10

 

Sketch Artboards 이름을 선택하면 해당하는 스크린을 작업 할 수 있는 화면으로 이동합니다. 생성된 링크를 선택하여 제대로 화면이 나왔는지 확인해볼까요?

Plugin11

화면이 제대로 나왔다면, Link List로 되돌아가서 개발자에게 링크 주소와 비밀번호를 전달하면 됩니다.

 

 

그럼, 그 외에 문의사항은 hello@cracker9.io 로 메일주세요!
크래커나인는 디자이너와 개발자들이 Creative에 집중할 수 있도록 돕겠습니다.

 

Back to list

카테고리

Login
Register
Send message