안녕하세요. 오늘은 제가 Figma에서 도표를 만들 때 가장 유용하게 사용하고 있는 플러그인을 소개합니다. 슬라이드나 웹 화면 디자인을 하다 보면 막대 그래프, 선 그래프, 원형 그래프 같은 시각화 자료가 종종 필요하잖아요? 예전에는 일일히 도형으로 그래프를 만들거나, 엑셀에서 캡쳐해서 붙이는 방식을 사용했는데, 이제는 i chart generator 이라는 플러그인을 사용하고 있습니다.
| I chart generator
i chart generator는 말 그대로 차트를 자동 생성해주는 Figma 플러그인입니다. 직접 써보니 아래와 같은 특징이 있습니다.
| 기능 | 사용해 본 느낌 |
| 차트 유형 다양 | 막대, 선, 파이, 도넛형 차트를 클릭 한 번으로 생성 가능 |
| 직접 수치 입력 가능 | 플러그인 안에서 바로 수치를 입력하고, 실시간으로 결과 미리보기 가능 |
| CSV/JSON 데이터 입력 지원 | 외부 통계 데이터를 붙여 넣으면 그대로 차트로 변환돼요 |
| 색상, 폰트 커스터마이징 | 막대 색상, 글자 크기, 정렬 등 조정도 쉬움 |
| 빠른 적용 | 차트 생성 속도도 빠르고, 무엇보다 디자인에 바로 쓸 수 있음 |
| 사용 방법
제가 실제로 피그마에서 사용하는 순서를 정리해봤습니다.
1. Figma에서 Plugins > i chart Generator 실행
2. 원하는 차트 타입 선택 (저는 Bar chart를 선택했어요).
3. 수치 입력
4. 색상, 폰트 크기, 라벨 위치 등 커스터마이징
5. Generate 클릭하면 끝!
프레임에 바로 삽입이 되기 때문에 원하는 프레임을 선택해 자유롭게 조정해서 쓰면 됩니다. 오토레이아웃도 자동으로 걸려있고 프레임에 맞춰 사이즈가 정해지기 때문에 매우 편리해요.
저는 클라이언트가 블로그 자료용으로 차트 그래프를 자주 사용하기 때문에 데이터를 시각화 해야할 일이 많습니다. CSV로 받은 데이터를 붙여 넣으니 자동으로 막대 그래프가 생성되어서 좋았고, 색상도 브랜드 컬러에 맞게 자유롭게 바꿀 수 있고, 폰트 스타일도 지정할 수 있어서 결과물 자체가 매우 만족스러웠습니다.
| 이런 분들께 추천해요!
- 데이터 시각화를 자주 하는 기획자 / 디자이너
- PPT, 보고서 디자인에서 차트가 자주 필요한 분
- 그래프 작업이 귀찮고 반복되는 슬라이드 디자이너
'피그마 & 디자인툴 > 피그마' 카테고리의 다른 글
| [Figma 꿀팁] 색상, 폰트, 버튼 스타일 가이드 만드는 법 | 디자인시스템 (3) | 2025.08.04 |
|---|---|
| [Figma 꿀팁] 피그마 Auto Layout 제대로 쓰는 법 완벽 정리 (1) | 2025.08.03 |
| [Figma 꿀팁] WebP 파일 바로 추출하는 플러그인 추천! 이미지 용량 줄이고 웹사이트 속도 높이기 (1) | 2025.07.01 |
| [Figma 꿀팁] Figma에서 PSD 파일로 내보내기 하는 방법 (0) | 2025.06.30 |
| [Figma 꿀팁] 피그마(figma) .fig 파일로 내보내는 방법 (1) | 2025.06.28 |
