모카 스터디/UX&UI 디자인[Figma]
개발자에게 전달하는 핸드오프
softmoca
2023. 8. 31. 18:19
피그마로 핸드오프 링크 만들기
핸드오프 전용 페이지 제작
개발자가 봐야하는 레이어들만 따로 저장
Zeplin으로 핸드오프 링크 제작하기
zeplin.io 접속 후 무료 계정 으로 회원가입 및 로그인
다시 피그마로 가서 community에서 zeplin 플러그인 다운
connect zeplin account 를 누르면 오른쪽과 같은 문구와 함께 새로운 브라우저가 열린다.
zeplin으로 export
zeplin 앱 다운로드
처음 open zeplin 을 클릭하면 프로젝트가 없다고 나오므로 프로젝트를 생성한다.
그리고 다시 프레임을 선택하고 export를 해주면 만든 zeplin 프로젝트에서 확인이 가능하다.
피그마의 핸드오프와 달리 zeplin에서 아이콘을 사용하기 위해서는 피그마에서 선작업이 필요하다.
피그마에서 모두 export + 버튼을 눌러줘야한다. 그리고 다시 sync selected 클릭
그러면 다시 이렇게 다운 받을 수 있는 상태가 된다.