협업 시 피그마 꿀팁🍯

안녕하세요!

이제 또 피그마로 협업할 시즌이죠...😊

다들 주제는 잘 결정하셨나요??!

 

오늘은 피그마 꿀팁을 알아보겠습니다! 쓸 줄은 아는데, 세부 꿀 기능을 모를 사람들을 위해 6가지만 뽑아봤어요!!

 

꿀팁을 이용해서 멋진 UI를 만들어봐요!!😆

1. 피그마 초대

먼저 우측 상단의 Share를 눌러야 합니다.

Share 버튼을 누르면 뜨는 창

 

만약 draft에서 파일을 생성했다면, 위 사진처럼 TeamProject로 옮기라고 파란 배경 부분에서 알려줄 텐데요, Move file을 눌러 옮겨주세요!

이때 팀 프로젝트가 없으면 새로운 팀 프로젝트를 만들어도 좋아요😉 영상에서는 팀 프로젝트가 있다고 가정하고 진행했습니다.

위쪽에 이메일을 넣거나, link공유 설정을 바꾸거나!

 

그 뒤에 공유 방식을 바꿔서 초대하면 돼요!

링크를 통해 간단히 공유하고 싶으면 Anyone with link "can edit"으로 바꾼 뒤 링크를 공유하고, 아니면 다른 사용자의 이메일을 입력하여 공유합니다!

2. 다른 사람이 작업하고 있을 때 화면 보러가기 -> 화면 팔로우 기능!

 

우측 상단 Share 버튼 옆에 아이콘은 현재 피그마에 있는 사람들입니다.

원하는 사람을 클릭하면 그 사람 화면을 팔로우하게 되어있답니다!

 

누군가의 화면을 보는 중👀

 

그 상황에서 내가 다른 곳을 클릭하여 움직여서 화면 보기를 멈출 수도, 상단의 Stop 버튼을 눌러 화면 보기를 멈출 수도 있어요~

 

3. 말 걸기

 

다른 사람한테 기록으로 남지 않은 짧은 말을 걸고 싶다면 /를 눌러주세요~!

그럼 바로 입력할 수 있는 창이 뜬답니다~

 

창은 몇 초뒤 자동으로 닫히는데, 빨리 닫고 싶으면 esc를 누르시면 됩니다!

 

4. 디자인 스타일 정의

디자인 스타일 정의하기 좋은 요소는 컬러와 텍스트입니다!

우측에 Local Styles에 정의한 디자인 스타일을 볼 수 있어요!

이건 아래 영상으로 살펴보시죠😎

 

5. 프레임을 그룹으로 바꾸기!

이미지들을 확대 축소할때는 그룹으로 묶고 하는게 더 쉽습니다!

프레임으로 묶여있는채로 원하는대로 확대 축소하려면 설정이 좀 필요해서.. 번거로워요ㅎ;

우측 바에 Frame이라고 되어있는 부분을 Group으로 바꾸기만 하면 쉽게 바꿀 수 있답니다!

 

이때 주의할 점은 Group으로 바꾸면 Frame일 때 만들어둔 여백은 무시돼요! 참고해주세요!

6. 글자 깨기(outline stroke)

글자는 크기 변경을 하려면 폰트 사이즈를 바꿔야 합니다.

근데, 어떤 경우(ex. 로고)는 이미지처럼 같이 사이즈가 커지면 좋겠는 경우가 있어요!

그때 글자를 깬다(=글자를 벡터이미지로 만든다)고 표현합니다!!

 

방법은 쉽습니다, 텍스트에서 우클릭한 후, outline stroke를 누르면 끝입니다!

 

하지만 글자를 깬 경우.. 텍스트 수정이 불가하므로 그 점은 참고하시면 좋겠습니다ㅎㅎ

 

참고로 테두리 크기도 outline stroke 방식으로  확대했을 때 그 상태 그대로 커지게 할 수 있답니다!

---

총 정리!

총 정리 영상입니다!

https://youtu.be/ixCoHsHYIFU

 

 

되게 별 거 아닌 것 같지만, 알아두면 피그마 작업할 때 유용하답니닷

곧 하게 될 피그마 작업에 한 번 써보시는것도?ㅎㅎ
추천드려요~!