피그마로 원형차트 도넛차트 만드는 법

맨날 원형차트 만들려고 원 그리고 나 혼자 계산해서 퍼센트 따져서 줄긋고 삽질만 했었는데

이번에 완전 쉽고 빠르게 차트 만들 수 있는 방법을 알게 됨

 

귀중한 정보는 유튜브 '루씨의 UXUI 디자인' 채널에서 알게 되었다.

 

 

 

1. 플러그인 '차트메이커 chart maker'

 

 

바, 라인, 원, 스캐터, 레이더 형식의 차트를 만들 수 있다.

 

 

2. 플러그인 'nb chart'

 

nb차트 플러그인도 차트메이커 처럼 차트를 만들 수 있다.

 

 

 

3. 직접 만들기

일단 원을 그린다.

원을 선택하면 표시처럼 Arc 라는 포인터가 생긴다.

이걸 선택해 드래그 하면 오른쪽 사진처럼 원이 갈라진다.

갈라진 원은 nn%가 나오므로 대충 값을 맞출 수 있다.

 

 

 

도넛차트를 만들고 싶다면 원 가운데 Ratio를 잡고 이동하면 원 가운데가 뚫린다.

 

 

 

차트를 회전시키고 싶다면 뚫린 곳 양쪽(start-end) 중 하나를 잡고 드래그하여 차트를 돌리면 된다.

 

 

 

 

 

이 글을 어렵지도 않은 기능을 제대로 찾아보지 않고 헤맨 과거의 나에게 보낸다.