본문 바로가기

모카 스터디/UX&UI 디자인[Figma]

개발자에게 전달하는 핸드오프

피그마로 핸드오프 링크 만들기

핸드오프 전용 페이지 제작

 

개발자가 봐야하는 레이어들만 따로 저장

 

 

 

Zeplin으로 핸드오프 링크 제작하기

zeplin.io 접속 후 무료 계정 으로 회원가입 및 로그인

 

다시 피그마로 가서 community에서 zeplin 플러그인 다운

 

connect zeplin account 를 누르면 오른쪽과 같은 문구와 함께 새로운 브라우저가 열린다.

 

 

 

zeplin으로 export 

zeplin 앱 다운로드

 

 

처음 open zeplin 을 클릭하면 프로젝트가 없다고 나오므로 프로젝트를 생성한다.

 

그리고 다시 프레임을 선택하고 export를 해주면 만든 zeplin 프로젝트에서 확인이 가능하다.

 

피그마의 핸드오프와 달리 zeplin에서 아이콘을 사용하기 위해서는 피그마에서 선작업이 필요하다.

 

피그마에서 모두 export + 버튼을 눌러줘야한다. 그리고 다시 sync selected 클릭

 

그러면 다시 이렇게 다운 받을 수 있는 상태가 된다.