15. 개발자에게 전달하는 최종 전달물 (핸드오프) 만들

Figma 2023. 11. 27. 17:54

개발자들에게 파일을 어떻게 전달할까?

1. Export 기능

파일 종류 선택, 배수 선택(이미지 크기)

-> 아이콘 같은 경우 주로 벡터 파일로 저장하여 전달한다.

여백이 몇인지, 레이아웃은 각각 사이즈가 어떻게 되는지 등등을 어떻게 전달할까?

2. 피그마로 핸드오프 만들기

-> 핸드오프 전용 페이지를 하나 만든다. (개발자가 봐야할 파일들을 다 옮긴다.)

-> Share 버튼을 눌러 개발자들에게 공유한다.

-> Share에서 Link to Frame을 누르면 전체 페이지가 아니라, 특정 프레임만 공유할 수도 있다.

-> 개발자 입장에서 보는 화면

-> Figma와 Zeplin 계정 연동

-> Zeplin 사용이 가능하다.

-> 프레임을 선택하고 Export 한다.

-> Zeplin으로 만들어졌다.

-> Zeplin을 열어서 프로젝트를 생성, 피그마에서 만든 Zeplin 파일을 열어본다.

-> 개발자 입장에서 보이는 화면

-> 피그마와 다른점은, 아이콘 같은 경우 이미지를 미리 Export 해야한다.

(피그마에서는 개발자 입장에서 아이콘을 바로 저장할 수 있다.)

GIDO GIDO