[Figma] 22강 피그마파일공유 및 코멘트툴 - 오쌤의 니가스터디

 

 

 

 

 

 

 

 

 

 

** 자세한 영상은 유튜브 영상으로 제공됩니다.

https://youtu.be/-WsXLsBYKcs

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. 피그마 파일 공유 - Share

- 피그마는 기획자, 디자이너, 개발자가 프로젝트를 편하게 공유하기 위해 고안된 프로그램입니다.

- 협업 프로그램으로 개발된 프로토타입툴이기 때문에 공유 기능이 굉장히 잘 되어 있습니다. 

- 그래서 이번 강좌에서 공유기능에 대해서 알아보도록 하겠습니다. 

 

 

 

 

1) [Share]버튼 누르기

- 툴박스 바에 오른쪽에 보면 파란색으로 [Share]버튼이 있습니다. 

- [Share]버튼을 누르면 공유관련 옵션팝업이 대화상자로 뜹니다.

 

 

 

 

 

 

 

 

2) [Share] 공유옵션 팝업

- [Invite]라는 탭으로 초대할 수 있는 파트가 뜨는 것이 보입니다.

- 옆에는 [Publish to Community]탭으로 우리가 만든 파일을 피그마 커뮤니티에 공유할 수 있게 해줍니다. 

- 중간의 입력상자는 이메일주소를 써서 현재 피그마파일을 공유할 수 있도록 설정해줍니다. 

  그럼 이메일을 받은 유저가 주소를 통해 현재 파일을 볼 수 있게 설정합니다. 

- 그 아래는 [Anyone with the link]로 하단 [Copy link]를 누르면 관련 주소를 복사한 것이나 그것을 다른 유저에게 보내면 누구나 볼 수 있거나 편집할 수 있도록 하는 기능입니다.

 

 

- 공유시 [can view]로 설정하면 피그마 파일을 볼수만 있게 설정합니다. 

- 공유시 [can edit]로 설정하면 피그마 파일을 수정도 할 수 있게 공유합니다.

 

 

 

[ can view ]로 공유받은 유저는 해당 파일 타이틀 옆에 [view only]라고 뜨는 것을 볼 수 있습니다.

 

 

 

 

 

 

 

3) 공유된 유저(사용자) 표시

공유된 사용자가 표시

- 공유된 유저는 [Share]버튼 옆에 표시가 됩니다. 현재 접속하고 있는 유저와 그렇지 않은 유저도 따로 표시가 됩니다.

- 그리고 실시간으로 상대방이 움직이는 마우스 커서가 보이기 때문에 해당 파일로 회의도 할 수 있어 매우 편리합니다. 

 

 

 

 

 

 

 

 

4) 프로토타입만 공유 - [Share Prototype]

- 디자인한 레이어는 보이지 않고, 결과물만 보낼 수도 있습니다.

- 일단 [▶]를 눌러 프로토타입으로 보면 [Share Prototype]버튼이 있습니다. 

- 그걸 눌러서 공유하면 결과물만 상대방에게 보낼 수 있습니다. 물론 이미지 다운이나 그런 건 안됩니다.

 

 

그래서 주소로 확인하면 프로토타입은 되지만, 만들어진 피그마 파일은 볼수 없습니다.

- 대신 코멘트는 달 수 있게 해주네요~ 

- 클라이언트한테 보낼때 사용하면 좋은 방법같아 보입니다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

728x90

반응형

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 피그마 fig 파일 공유 

- 위에서 공유한 것은 인터넷이 연결되어 있는 환경에서 자동으로 서버에 저장되어 있는 것을 공유한 것입니다.

- 하지만 인터넷이 불안하다거나, 무료 계정으로 쓴다면 최근에 작업한 파일만 보이고 예전에 작업한 파일이 보이지 않을 수 있습니다. 

- 그렇기 때문에 파일을 로컬컴퓨터(내컴퓨터)에 저장해놓으면 위와 같은 문제를 해결할 수 있겠죠?

- 그리고 그 파일을 다른 유저에게 보내서 불러오게 해서 사용할 수 도 있습니다. 

- 내컴퓨터에서 다운 받으면 [ ***.fig ]로 fig라는 확장자로 다운받게 됩니다. 

 

 

 

 

1) Save Local Copy

- 메뉴에서 [file]-[save local copy]를 누르면 파일을 다운로드 받을 수 있습니다.

[다운로드]폴더에 파일이 다운된 것을 확인할 수 있습니다.

 

 

 

 

 

 

 

2) Import File

- 불러올 때는 피그마 첫 화면에서 [Import File]버튼을 눌러 불러오면 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. 코멘트 툴

- 피그마가 협업에서 우위를 차지하게 된 기술은 공유와 코멘트입니다.

- 특히, 코멘트를 디자인 혹은 제작한 컨텐츠 위에 바로 작성해서, 그 컨텐츠의 문제점과 궁금점을 해결할 수 있습니다.

- 공유한 유저나 혹은 팀원들끼리 그 코멘트에 서로 댓글도 달면서 서로의 의견을 좀 더 원활하게 나눌 수도 있습니다. 

 

 

 

 

1) 툴 확인

툴박스 바 부분에 보이는 말풍선모양의 툴이 코멘트 툴입니다.

 

해당 디자인 위에 바로 코멘트가 달린 것을 확인할 수 있습니다.

 

 

 

 

 

 

 

2) 댓글 코멘트

- 말풍선을 클릭해보면 아래 코멘트를 달 수 있도록 처리되어 있습니다.

이해가 잘 안되는 부분이 있다면 댓글(Reply)을 달아 의사소통을 할 수 있게 처리되어 있습니다.