[피그마] 피그마 파일 공유하기 (원하는 프레임,화면만 공유)

 
피그마 업데이트로 인해 흔하게 쓰던 기능이 달라진게 또 있다. 왜 계속나와... 
바로 디자인 실무하면 가장 중요한 '공유' 
 
오늘은 피그마 '전체 파일 공유' '선택한 화면 공유' 그리고 내친김에 파일 썸네일 설정하는 법까지 다뤄본다.
 
 

---

 

피그마 파일 전체공유 하는법

사실 이 방법이 가장 간단하다. 
피그마 맨 오른쪽 상단에 있는 'Share' 버튼을 누르기만 하면 된다.

오른쪽 상단 가장 눈에띄는 버튼이다.

이 방법으로 공유하게되면 받는 사람이 파일을 열었을때 페이지 내 모든 화면을 볼 수있게 열린다.

진행하는 프로젝트의 전체 파일을 확인하고 싶거나, 어떤 플로우로 진행되는지 한 눈에 보이도록 공유하고 싶을때 사용한다.

페이지 내 모든 그림들을 한눈에 볼 수 있다.

 

---

피그마 내 선택한 파일만 공유하는법

실무에서 가장 많이쓰는 공유는 이 방법이다.
앱 하나만 만들어도 수백가지의 화면이 나오는데, 전체 페이지를 공유해버리면 받은 사람은 어느 화면을 봐야하는지 다시한번 물어보는 이중체크가 생긴다. 따라서 하나의 화면이나 특정 부분만 보여주고 싶을때 사용하면 굉장히 유용하다.

내가 선택한 프레임만 자동 포커싱되어 파일이 열린다.

 

공유 단축키

(Mac) Cmd + L

(Window) Ctrl + L

내가 기억하기로는 피그마 업뎃이후 단축키가 달라져서 한참을 헤멨던 기억이 있다...

아주 많이 사용하는 방법이므로 단축키 암기는 필수!

 

공유하기를 하게되면 다음과 같이 썸네일 이미지또한 같이 공유된다.

이왕 공유하기를 다루는 김에 이 썸네일 이미지 변경하는 방법을 같이 다뤄보자 

 

 

---

 

 

피그마 파일 썸네일 이미지 지정하기 

이것도 방법은 아주 간단하다. 

프레임 선택 > 마우스 오른쪽 클릭 > Set as thumbnail 을 선택하면 된다 

프레임 이름 앞에 요런 네모가 생겼다면 썸네일 지정 성공!

 

프레임이 아닌 단순 네모 Ractangle 이라면 오른쪽 마우스를 눌러도 해당 기능은 나타나지 않으니 주의할 것! 

Frame, 오토 레이아웃 둘다 썸네일 지정이 가능하다.

 

공유시 보이는 오픈그래프 이미지. 왼쪽이 썸네일 지정 전, 오른쪽이 지정 후.

 

실무에서는 여러 피그마 파일을 관리하고 있기때문에, 다음과 같이 각 파일마다 구분이 쉽도록 썸네일 지정이 필수다.

피그마에서 디자인업무를 하고 있다면 필수로 알아야할 기능이다 :) 

어떤 파일인지 썸네일을 통해 바로 알 수 있다.

 

 

👇디자인 실무에서 자주쓰는 단축키가 어떤것이 있는지 궁금하다면 

https://designlife129.tistory.com/3

[피그마] 디자이너가 자주쓰는 figma 단축키 정리 (window, mac)