DesignOps : 효율적인 업무 프로세스 자세히보기

Zeplin/Zeplin 튜토리얼

제플린(Zeplin)에서 프로젝트 만들고 디자인 내보내기

단군소프트 2020. 7. 16. 11:30

안녕하세요. 블로그 관리자입니다.

Free, Starter, Growing Business, Organization 플랜을 사용중인 경우 Mac 앱과, Windows 앱에서 프로젝트를 생성할 수 있습니다.

프로젝트 생성하기

Organization 플랜을 사용중이시라면 상단에 조직을 먼저 선택 후 Create Project 를 선택해서 프로젝트를 생성합니다.

프로젝트 유형 선택하기

다음은 프로젝트의 유형을 선택해야 합니다. 

제플린(Zeplin)은 현재 4가지 프로젝트 유형을 지원합니다. iOS, Android, Web, MacOS

프로젝트 내 모든 리소스(수치, 에셋, 코드스니펫 등)는 프로젝트 유형에 따라 디자인을 내보내는 동안 자동으로 생성합니다.

예를들어 프로젝트의 유형을 Android로 선택하면 Android 프로젝트 개발에 도움이 되는 정보가 표시됩니다.

  • 측정 값은 dp/sp 입니다.
  • 에셋은 mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi 및 SVG로 제공됩니다.
  • 프로젝트 스타일 가이드의 색상 표 및 텍스트 스타일을 XML로 확인이 가능합니다.

프로젝트 유형에 맞게 선택하여 프로젝트를 생성합니다.

프로젝트가 생성되면 오른쪽 패널에서 프로젝트의 이름을 지정할 수 있습니다.

스케치의 디자인을 제플린(Zeplin)으로 내보내기

1. 스케치 파일에서 내보낼 레이어 또는 아트보드를 선택합니다.

2. 스케치 상단 메뉴의 Plugin > Zeplin > Export Selected...를 선택합니다.

3. Export Selected...를 선택하면 아래와 같은 창이 나타납니다. 이전에 생성한 프로젝트를 선택한 다음 Export 버튼을 눌러주면 완료가 됩니다.

감사합니다.

기업용 제플린(Zeplin) 문의 : zeplin@tangunsoft.com