피그마의 Dev Mode 활용하기

Dev Mode를 사용하면,
1. 디자인된 요소를 잘못 움직일 걱정없이 스크린 단위로 이동할 수 있습니다.
2. 스크린의 최종 업데이트 일자와 변경 사항을 확인할 수 있습니다.

이 두 가지를 편리하게 사용하려면, 디자이너와 간단한 협업이 필요합니다.

디자이너가 피그마의 Section을 사용하면 더욱 편리해지는데, 피그마에서 섹션은 캔버스에서 사용할 수 있는 최상위 컨테이너입니다. 섹션 아래에 프레임을 사용하고, Ready for dev 상태로 바꾸면, 스크린을 썸네일 단위로 쉽게 확인할 수 있습니다.

또 오른쪽 인스펙터에서 Compare chage를 통해서 세부적인 레이어의 변경사항을 모두 확인할 수 있습니다.

Dev Mode 활용에 대한 글이 없어서 팁으로 추가합니다. 지금 베타 테스트 중인 피그마의 Dev Mode는 프론트엔드 개발자가 Margin, Padding과 폭과 높이를 쉽게 볼 수 있는 기능을 제공하니 적극적으로 사용하시면 좋지 않을까 합니다.


https://brunch.co.kr/@pliossun/229

세션과 프로세스

Brunch Story

세션과 프로세스

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 10월 5일 오전 5:56

댓글 0