피그마는 Edit 모드일 때와 View 모드일 때 조회 권한에서도 차이가 생깁니다. 만약 아이콘의 크기가 이상하거나, 아이콘 사이 간격이 이상함을 느끼셨다면 피그마에서 View 모드로 파일을 보고 있기 때문일 가능성이 큽니다. 우선 자신의 권한이 Edit 인지 View 인지 확인을 해봅시다. 

 우선 우측 상단의 Share 버튼을 누르면 문서를 보고 있는 사용자들의 권한이 나타납니다. 여기서 can view라고 적혀있다면 조회만 가능하고, can edit이라고 적혀있다면 수정까지 할 수 있습니다. 개발자들에게 edit 권한을 주지 않는 경우도 많아 개발자는 view 권한일 가능성이 큽니다.

 유어슈 iOS 팀에서 인큐베이팅으로 진행하고 있는 인스타그램 클론코딩을 위한 Figma 화면 중 일부입니다. 보이는 것과 같이 Edit 모드일 때와 View 모드일 때 보이는 수치에 차이가 생깁니다. 이러한 차이가 생기는 이유는 간단합니다.

이해를 돕기 위한 Xcode 캡쳐 이미지. 피그마에서 지원하는 기능이 아닙니다.

 Edit 모드에서는 어떠한 요소를 선택할 때 Depth가 제일 낮은 레이어부터 선택되며 더블클릭을 할 수록 내부로 들어가게 되지만, View 모드에서는 Depth가 제일 높은 레이어부터 선택되기 때문입니다.

 따라서 Edit 모드에서는 여백을 제외한 하트 아이콘의 벡터( 22 x 20 )보다 Depth가 낮은 하트 아이콘의 영역( 24 x 24 )이 먼저 선택되지만, View 모드에서는 가장 Depth가 높은 하트 아이콘의 벡터( 22 x 20 )만이 따로 선택됩니다.

 

 이 문제를 해결하기 위해서는 디자인팀에서 제공해준 피그마 파일에서 본인이 작업하는 레이어를 복사한 후 새로운 파일에서 열어야 합니다.

 1. 우선 화면 좌측의 레이어 창에서 자신이 작업하는 레이어를 선택해서 복사 ( cmd + c 혹은 ctrl + c ) 해줍니다.

 2. [ + ] 아이콘을 눌러 새 파일을 만들어줍니다

 3. 복사한 레이어를 붙여넣기 ( cmd + v 혹은 ctrl + v ) 해줍니다.

 

 나만의 새 파일이 생성되었고 성공적으로 레이어를 붙여 넣었습니다. 앞서 발생했던 아이콘의 크기가 다르게 나오는 문제도 해결되었습니다. 이제 디자이너가 설계한 화면, 구조를 동일한 입장에서 보고 작업할 수 있습니다.

저작자표시

티스토리툴바