앱개발 UX/UI 디자인 프로토타이핑 협업툴 피그마(Figma) 시작하기

 

디자이너와 개발자, 프로젝트 매니저 등 각각의 역할이 분리되어 작업을 진행했지만, 최근에는 이들 간의 원활한 소통과 협업이 필수로 여겨지고 있습니다. 이런 변화에 따라 다양한 디자인 도구들이 등장하였는데, 그중에서도 Figma는 협업과 디자인 작업을 획기적으로 변화시킨 도구이다.

 

Figma 란?

Figma는 클라우드 기반의 디자인 도구로, 다양한 플랫폼에서 웹 브라우저를 통해 접근할 수 있다. 설치나 업데이트 없이 실시간으로 여러 사용자가 동시에 작업하고 수정할 수 있는 환경을 제공한다. 디자이너, 개발자, 프로젝트 매니저 등 모두가 한 공간에서 협업하며 디자인을 진행할 수 있어 생산성을 대폭 높여준다.

 

주요기능

• 실시간 협업가능 - 여러사용자가 동시에 접근하여 수정가능
• 다양한 디자인 도구 통합 - 디자인, 프로토타이핑, 애니메이션 등 다양한 기능을 통합하여 제공
• 클라우드 저장소 - 언제 어디서나 접근하고 작업이 가능
• 쉬운공유 및 피드백 - 디자인 파일을 링크로 공유하고, 다른 사용자들의 피드백을 쉽게 받아들일 수 있다.

---

Figma 시작하기

 

1. 포털에 "Figma" 검색하기

 

 

2. 영어가 어려우면 마우스 우클릭으로 "한국어로 번역"하여 보기

 

 

3. 무료로 시작하기

 

 

4. 구글계정 로그인 도는 회원가입

   ( 필자의 경우 구글계정으로 간단하게 로그인을 마쳤다. )

 

 

5-1 자기소개 입력하기

 

 

5-2 공동 작업자 초대 - 불필요시 "나중에 이 작업을 수행합니다" 클릭

     ( 협업이 가능하기 때문에 팀프로젝트에서 화면기획을 공동작업할때 사용 )

 

 

5-3 해당하는 항목 선택 - 불필요시 "거르다" 클릭!

 

 

5-4 해당하는 항목 선택 - 불필요시 "거르다" 클릭!

 

 

5-5 Figma 은 디자인 협업툴이므로 해당하는 항목을 선택해도 되고 불필요 하다면 "거르다"를 클릭한다.

 

 

5-6 Figma는 무료와 유료버전이 있다. 간단한 프로젝트 수행시에는 무료로 시작하기를 사용해도 충분하다.

 

 

5-7 피그마 작업을 크게 두가지로 나누면 Design file와 FigJam board가 있다. 처음 먼저할 작업을 선택하면 된다.

 

 

FigJam board

Figma에서 개발된 실시간 협업 도구로, 팀 내외에서의 아이디어 공유, 설계 과정, 브레인스토밍, 워크샵 등 다양한 작업을 지원하는 도구이다. FigJam은 디자이너와 비디자이너 모두에게 효율적인 협업 및 아이디어 발전의 환경을 제공한다.

 

 

Design file

디자인 파일은 디자이너들이 디자인 작업을 진행하고 저장하는 데 사용되는 중요한 도구이다. 디자인 파일은 디자인 요소들을 포함하고 있는 문서로, 디자인 프로젝트의 진행 상황과 결과물을 기록하며 협업과 공유를 위한 핵심 자료이다.