[제플린]zeplin - 디자인 모바일, 웹 가이드 프로그램 사용방법- 작업한 시안 제플린으로 보내는 방법

 

 

이전과정에서 제플린을 설치했다면, 스케치에서 작업한 시안을 내보내는 방법은 다음과 같다.

우선 원하는 시안을 드래그해서 선택 후 플러그인->제플린-> Export Selected를 누르면 제플린에 가이드 화면이

추출 된다.

 

 

만약 포토샵에서 하고 싶다면 

우선 포토샵 화면에서 레이어를 생성할때 원하는 사이즈 입력 후 아트보드 부분에 체크를 해야한다.

그런 후에 시안 작업을 해야 한다.

그런후 window-> extensions->zeplin을 클릭 후 뜨는 화면에서 원하는 설정 후 공유하면 추출 된다.

 

 

제플린에 내보내기 하면 제플린에서 시안을 확인 할 수 있고 이미지 영역을 클릭하면 해당 부분 가이드를 확인 할 수 있다.

색상이나 px 값을 확인 할 수 있다.

개발자 분들은 개발 코드도 확인이 가능하다.

 

 

화면상에서 우측 상단 부분을 클릭하면 화면 해상도 설정도 가능하다.

더 많은 기능들도 가지고 있으므로 스스로 찾아보고 시도하면서 더 많은 기능들을 활용해 보면 좋다!

 

 

https://20aileen.tistory.com/41

[제플린]zeplin - 디자인 모바일, 웹 가이드 프로그램 사용방법

https://20aileen.tistory.com/97

[제플린]zeplin -각각의 이미지 포토샵에서 제플린으로 내보내는 방법