피그 마 협업툴이 주목받는 이유
피그 마는 2016년에 딜런 필드와 에반 월러스에 의해 개발 되었습니다. 피그 마는 웹을 기반으로 UI / UX 디자인 및 프로토타이핑하는 협업툴 입니다. 개인은 무료, 기업용은 부분적으로 유료 프로그램을 사용해야 합니다. 이와 비슷한 프로그램은 어도비 XD, 스케치 등이 있습니다.
2022년 9월 어도비가 200억 달러로 피그 마를 인수한다고 밝혔으나 유럽 연합이나 영국 관련 당국은 어도비의 독점 문제를 우려하였습니다. 이에 영국 디지털 디자인 부분에 피해가 갈 수 있다 하여 결국 2023년 어도비는 피그마 인수를 포기하고 위약금 10억 달러를 물어주었습니다. 피그 마가 기존 펀딩을 통해 조달한 기업 가치 대비 2배를 준 것입니다. 그만큼 피그마라는 협업 툴의 잠재 가능성이 높다는 것을 알 수 있습니다.
피그 마 협업툴 다운로드
현재 UX/ UI 분야에서 가장 인기있는 디자인 툴인 피그마는 2022년 “디자인 툴 설문조사”에서 현업에서 가장 많이 사용하는 툴로 선정된 바 있습니다. 이 설문은 4260명의 프로덕트 디자이너, UX/UI 디자이너, UX 리서치 등이 참여했습니다.
피그 마는 웹 기반 툴이기 때문에 설치가 따로 필요하지 않고 바로 브라우저에서 실행이 가능합니다. 즉, 인터넷이 되는 곳 어디에서든 사용이 가능하다는 말입니다. 이는 협업에 특화되어있어 요즘 대학생들도 PPT보다 피그 마를 많이 사용하는 추세라고 합니다. 피그 마는 자체가 웹 기반으로 계정 소유자가 링크를 공유하면 여러 명이 아트 보드를 확인하며 동시에 온라인으로 실시간 작업을 진행할 수 있습니다.
또한 디자이너와 개발자와의 소통을 원활하게 해주는 기능도 있습니다. 개발자가 참조 할 수 있는 정보를 주는 ‘개발 툴 바’가 있습니다.따라서 이를 통해 수치 값을 확인할 수 있어 따로 가이드라인을 확인하는 번거로움을 줄일 수 있습니다.
피그 마 가격
무료로 사용할 수 있으나 좀 더 많은 기능을 원할 경우 월 사용료를 지불 하고 사용 할 수 있습니다. 무료 버전에서 제공하는 기본적인 기능만으로도 대부분의 디자인 작업이 가능하지만 좀 더 전문적인 활용을 원할때는 더 높은 단계의 것을 사용하시는 것을 추천드립니다. 가격에 따른 자세한 옵션은 아래 ‘더 자세히 보기’ 통해 확인해 주세요.
피그 마 편리한 기능
피그 마는 공식 홈페이지에서 사용 방법에 대해 자세하기 설명해주고 있습니다. 공식 홈페이지 통해 하나하나 해가다 보면 금방 익숙해지는 툴입니다.
- 개발자 핸드오프 기능 강화 : 디자인 단계에서 개발 단계로 전달하는 과정을 핸드 오프라고 합니다. 피그마는 이 기능을 강화하여 고객과 디자이너 간의 원활한 소통을 가능하게 하여 작업속도를 높일 수 있습니다.
- 실시간 공동 편집 기능 : 멀티 플랫폼을 지원하여 동시에 여러 사용자가 협업하여 디자인 작업을 할수있습니다. 디자이너와 고객, 혹은 디자이너와 개발자 간의 협업 시 유용하며 실시간 채팅과 메모 기능을 통해 빠르고 정확한 피드백을 주고 받을 수 있습니다.
- 디자인 시스템 구축기능 : 디자인 시스템을 쉽게 구축할 수 있으며 일관된 디자인 및 브랜드 이미지를 유지할 수 있습니다.
- 편리한 라이브러리 관리 기능 : 내가 자주 쓰는 디자인 요소를 쉽게 관리할 수 있으며 타 맴버와 공유 할 수 있습니다.
피그 마 시작하기
1. 계정 생성 및 로그인 : 피그마 웹사이트에서 계정을 새로 생성하거나 로그인을 합니다. 필요한 경우 피그마 데스크 톱 앱을 다운로드하고 설치 할 수 있습니다.
2. 프로젝트 생성 : 피그 마 대시보드에서 “New File”을 클릭하여 새 프로젝트를 만듭니다. 프로젝트는 페이지 및 프레임으로 구성되어 있습니다.
3. 디자인 : 프로젝트에 디자인 요소를 추가하고 편집 및 작업합니다. 이를 위해 다양한 도구와 기능을 사용 할 수 있습니다. 예를 들어, 도형, 텍스트, 이미지를 추가하고, 그림 그리기 도구를 사용 할 수 있습니다.
4. 프로토타입 제작 : 디자인 요소를 이동 시키거나 상호작용을 추가하여 프로토 타입을 만듭니다. 이는 사용자가 어떻게 상호작용하는지 시뮬레이션 할 수 있는 기능입니다.
5. 공유 및 협업 : 프로젝트를 공유하고 동료들과 함께 협업 합니다. 피그 마를 사용 하여 실 시간으로 함께 작업할 수 있습니다. 코멘트를 남기고 피드백을 주고 받을 수도 있습니다.
6. 버전 관리 : 피그 마는 프로젝트의 버전을 관리하고 이전 상태로 롤백 할수 있는 기능을 제공합니다.
7. 피그 마 커뮤니티와 리소스 활용 : 피그마 커뮤니티에서 템플릿, 플러그인 등을 찾아 활용 할 수 있습니다. 다른 디자이너들과의 연결을 통해 지식을 공유하고 배울 수도 있습니다.
피그 마 단축키
단축키를 활용하면 보다 빠르고 효율적인 작업이 가능할 것입니다.
- V선택 도구 : 객체를 선택하거나 이동할 때
- A직선 도구 : 선, 화살표, 사각형 등 직선을 그릴 때 사용
- T 텍스트 도구 : 텍스트를 입력하거나 수정 할 때 사용
- Space+드래그 화면이동 : 마우스 커서에 따라 원하는 영역으로 이동
- Ctrl+R 레이어 이름변경 : 선택한 객체의 레이어 이름을 변경
- Ctrl+G 그룹화 : 여러 객체를 그룹화를 통해 쉽게 관리 가능
- Ctrl + Shift +G 그룹해제 : 그룹화 된 객체를 해제
- Ctrl +D 객체 복제 : 선택한 객체를 복제
- Ctrl + [ 뒤로보내기 : 선택한 객체를 뒤로 보내기
- Ctrl + ] 앞으로 가져오기 : 선택한 객체를 앞으로 보내기
- Shift + A 오토 레이아웃 : 디자인 요소의 크기와 위치를 자동으로 조절해주는 오토레이아웃 기능 생성