본문 바로가기
STUDY/피그마(Figma)

[Figma 독학] 피그마는 어떤 툴인가? 피그마 기초정보 알아보기

by 에블린킴 2022. 6. 6.
반응형

 

디자인-프로토타이핑-협업까지 모든 프로세스를 한 곳에서 가능

피그마는 프로젝트의 처음부터 끝까지 하나의 프로그램안에서 모든 걸 끝낼 수 있는 올인원 툴이다. 화면 설계를 위한 와이어프레임 작업, UI 디자인, 디자인 시스템 정립, 프로토타이핑, 실시간 협업 등이 가능한 장점이 있다. 피그마는 팀원 여러 명이 동시 접속하여 실시간 수정이 가능하며 피드백 코멘트를 남길 수 있으므로 작업의 효율성을 높여준다. 또한 다른 여러 툴들이 한시적으로 시험판을 제공하고 일정기간이 지나면 이용료를 과금하는 방식인 반면에 피그마는 무료로 사용이 가능하다.

 

피그마 스타터 플랜

스타터 플랜은 디자이너 혼자서 작업할 때나 작업자가 2~3명 있는 소규모팀으로 이용할 때 사용한다.

권한 파일 수정 권한을 가진 에디터(editor), 파일을 볼 수 있는 권한을 가진 뷰어(viewer) 무제한 지정 가능
프로젝트 피그마의 팀 공간에서 1개까지 생성 가능, 프로젝트 내 작업파일, 페이지 각각 3개까지 생성가능
(개인공간인 Draft메뉴에서는 파일과 페이지를 무제한으로 생성가능)
팀 라이브러리 스타일(색상, 폰트, 효과, 레이아웃 그리드 등)까지 공유 가능
버전 히스토리 30일 동안 히스토리 보관
 

 

피그마를 써야하는 이유

1. 웹 기반의 클라우드 소프트웨어

피그마는 웹 기반으로 만들어진 클라우드 소프트웨이이다. 따라서 별도의 프로그램 설치 없이 인터넷 브라우저를 열 수 있는 환경만 된다면 어디서든 피그마 사용이 가능하다. 피그마는 웹 기반이므로 운영체제(OS)의 호환성에도 영향을 받지 않는다. 프로그램에 따라 맥이나 윈도우에만 구동되는 것들이 있는데, 피그마는 웹베이스이므로 운영체제와 상관없이 웹브라우저를 통해 사용이 가능하기 때문이다. 또한 공유할 파일의 URL을 복사하여 상대방에게 전달하기만 하면 상대방의 PC에 피그마 프로그램이 설치되어 있지 않아도 확인이 가능하다. 그리고 모든 작업 파일은 피그마에서 실시간으로 클라우드에 저장되고 관리된다. 실시간으로 자동 저장되기 때문에 갑작스런 문제가 생겨도 작업한 내역을 잃을 위험이 없으며, 습관적으로 누르던 저장 단축키를 누를 필요가 없다.

 

2. 실시간 협업

여러 팀원들이 동시에 접속하여 함께 시안확인이 가능하고 실시간으로 코멘트를 남기며 즉각적인 피드백이 가능하다. 

 

3. 버전 히스토리

누구나 파일에 접근이 가능하고 실시간 동시작업으로 문제가 발생할 수 도 있는데, 피그마에서는 이를 버전 히스토리를 제공 함으로써 언제든지 문제가 일어나기 전의 상태로 돌아갈 수 있는 기능을 제공하고 있다. 기본적으로 30일 동안의 작업 히스토리가 보관되고 유료 플랜의 경우 무제한으로 보관된다.

 

 

4. 벡터 네트워크

피그마는 벡터 기반의 그래픽 소프트웨어이므로 아이콘을 이미지로 추출하더라도 이미지가 손상되지 않고 선명하게 잘 보인다.

 

5. 디자인 시스템과 팀 라이브러리

디자인 시스템은 화면에 쓰이는 요소들을 미리 만들어 두고 사용함으로써 프로젝트의 디자인 스타일을 일관적으로 유지하게 만들고 작업시간을 단축시킨다. 피그마는 이처럼 디자인 시스템화할 요소를 생성하는 것부터 유지관리에 필요한 기능들을 계속 고도화하고 있다. 팀라이브러리가 그중 하나인데, 팀 라이브러리를 사용하면 디자인 시스템 구축뿐 아니라 이후 관리까지 체계적으로 할 수 있게 된다. 디자인 시스템 파일을 팀 라이브러리에 등록하면, 각 팀원은 해당 리소스들을 드래그 앤 드롭으로 꺼내 쓸 수 있어 빠르게 레이아웃을 구성할 수 있다. 또 디자인 시스템의 어떤 부분이 수정/업데이트되었을 때 팀원들은 알림을 받고 어떤 것들이 새롭게 수정되었는지 파악할 수 있다. 그리고 클릭 한 번으로 새로 업데이트된 사항을 내 시안에도 반영시킬 수 있도록 기능을 제공한다.

 

 

피그마 공식 홈페이지 (설치 바로가기)

https://www.figma.com/

 

Figma: the collaborative interface design tool.

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

 

 

 

반응형

댓글