1. 피그마 기본 기능과 인터페이스 이해하기
Draft
•
새로운 파일
•
프로젝트 팀이 구성되지 않아도 무한대로 생성할 수 있으며, 여러 명과 협업려면 [팀 프로젝트 채널]에 Draft를 생성해야 함(구독 멤버십에 따라 생성할 수 있는 파일 개수가 제한적)
에디터와 뷰어, 코멘트
•
에디터: 피그마 내 자유롭게 디자인 및 컴포넌트 수정 가능
•
뷰어: 수정 불가능, 코드나 에셋 추출, 컴포넌트 복사 가능
•
코멘트: 디자인/기획에서 수정되거나 보완할 내용을 남기고 기록할 수 있는 기능
Frame과 Pages의 차이점
•
Pages: '또 다른 PPT 파일'을 생성하는 개념. IA나, 플로우차트 같은 기획 서류를 포함하기 용이함
•
Frame: PPT 파일 안의 한 장의 '슬라이드' 개념, 컴포넌트 단위를 구축하고 관리하기 쉬움
Design/Prototype/Inspect 패널
•
Design 패널: 이미지를 png, svg, pdf 등 다양한 포맷으로 추출(Export)할 수 있음
•
Prototype: 패널: 간단한 인터랙션이나 화면전환 효과를 줄 수 있음. [인터랙션 프로토타입]이라는 베타 버전 기능으로 다른 툴 사용 없이 피그마 내에서 디테일하게 구현 가능
•
Inspect 패널: 코드 확인 가능
2. 디자이너 없이 피그마로 아이디어를 비주얼라이징 하는 법
Figma Community(피그마 커뮤니티)
•
전 세계 유저들이 일러스트, UI, 디자인시스템 등을 공유하는 채널
•
가볍게 와이어프레임을 그리거나 디자인시스템을 참고하고 싶다면 Free UI kit 또는 Wireframe 등을 검색해 활용할 수 있음
3. 피그마 협업 꿀팁
미니 채팅 버블
•
코멘트가 부담스럽고 빠르게 소통하고 싶을 때 활용할 수 있는 기능
•
피그마 화면에서 /를 누르고 텍스트를 입력하면 미니 채팅 버블이 생기며, 텍스트를 입력하고 시간이 지나면 사라지기 때문에 휘발성 멘트나 가벼운 소통에 유용. 에디터, 뷰어 모두 사용 가능
피그마 보이스 채팅
•
우측 상단의 헤드셋 아이콘을 클릭하면 Start Conversation이라는 버튼과 함께 해당 Draft의 팀원들과 음성 채팅 가능
Spotlight 기능
•
내 프로필을 클릭하여 [스포트라이트 버튼]을 설정하면 해당 파일에 있는 팀원에게 화면 공유가 가능 (피그마 우측 상단에 다른 팀원의 프로필 아이콘을 누르면 해당 팀원이 현재 작업하고 있는 시야를 확인할 수 있다.)
4. 유용한 플러그인
Better file Thumbnail
•
통일감 있는 썸네일을 생성할 수 있는 플러그인
•
이모지, 뱃지 등을 추가할 수 있음
Fig3D
•
화면을 구성하거나 배너를 만들 때, 피그마 내에서 벡터 이미지를 3D로 변환해주는 플러그인
•
텍스트나 심볼의 경우 다른 툴 없이 Extrude & Bevel 효과를 줄 수 있음
Remove B
•
그래픽 작업 시 이미지의 흰 바탕을 투명하게 바꿔주는 플러그인
Color Scheme
•
메인 컬러를 입력하면 100에서 900까지 컬러 단계를 자동으로 생성하는 플러그인
•
스타일가이드나 디자인시스템 구성 시 유용함
ARC
•
텍스트를 아치형으로 작성할 수 있는 플러그인(호 형태가 아닌 다양한 곡선으로 텍스트를 적용하고 싶다면 'Circular Text'라는 플러그인 참고)
