피그마로 핸드오프 링크 만들기
핸드오프 전용 페이지 제작
개발자가 봐야하는 레이어들만 따로 저장
Zeplin으로 핸드오프 링크 제작하기
zeplin.io 접속 후 무료 계정 으로 회원가입 및 로그인
다시 피그마로 가서 community에서 zeplin 플러그인 다운
connect zeplin account 를 누르면 오른쪽과 같은 문구와 함께 새로운 브라우저가 열린다.
zeplin으로 export
zeplin 앱 다운로드
처음 open zeplin 을 클릭하면 프로젝트가 없다고 나오므로 프로젝트를 생성한다.
그리고 다시 프레임을 선택하고 export를 해주면 만든 zeplin 프로젝트에서 확인이 가능하다.
피그마의 핸드오프와 달리 zeplin에서 아이콘을 사용하기 위해서는 피그마에서 선작업이 필요하다.
피그마에서 모두 export + 버튼을 눌러줘야한다. 그리고 다시 sync selected 클릭
그러면 다시 이렇게 다운 받을 수 있는 상태가 된다.
'모카 스터디 > UX&UI 디자인[Figma]' 카테고리의 다른 글
피그마 프로토타이핑 적용하기 (0) | 2023.08.31 |
---|---|
종합 실전 예제 3. 이커머스 앱 UI 디자인 (0) | 2023.08.31 |
디자인 시스템을 만드는 이유 그리고 Component (0) | 2023.08.30 |
디자인 시스템을 만드는 이유, 그리고 Style[텍스트, 컬러, 이펙트, 그리드] (0) | 2023.08.30 |
Constraint +Auto Layout (0) | 2023.08.29 |