[피그마] figma 테이블 삽입하는 플러그인 : Table Generator (CSV 연동)

안녕하세요. 당근입니다. 피그마에서 화면 설계하실 때 테이블을 삽입해야하는 일이 있으시잖아요.

오늘은 테이블 생성을 도와주는 플러그인 Table Generator를 소개해보려고 해요. 

Table Generator

 

https://www.figma.com/community/plugin/735922920471082658/Table-Generator

Figma - Table Generator | It's really crucial for us as designers to use as much real data in our designs as possible. But ...

링크를 클릭하셔서 플러그인을 설치하세요. 페이지 상단에 있는 Install 버튼을 누르시면 자동으로 설치됩니다.

 

Table Generator

피그마에 돌아가셔서 플러그인을 엽니다.

Table Generator

 

행과 열, 각 셀의 크기, 폰트 사이즈, 셀과 텍스트의 패딩, 정렬 등을 선택할 수 있습니다.

표를 둥글게 만들고 싶다면 겉에 Border radius도 지정하실 수 있어요.

Data에는 CSV형식을 지원합니다.

 

CSV(comma-separated variables)는 몇 가지 필드를 쉼표(, )로 구분한 텍스트 데이터 및 텍스트 파일입니다. 엑셀에서 표를 작성하시고 CSV로 저장하셔서 데이터를 가지고 오실 수 있어요. 

 

엑셀파일

저장하실 때 CSV 파일로 저장해주시고 메모장으로 열어보세요.

시간표.csv

이 내용을 테이블 생성하실 때 붙여넣으시면 내용도 함께 작성됩니다.

CSV데이터에 맞춰서 Rows, Columns 를 선택해주시고 사이즈 폰트 사이즈 등을 입력하세요.

시간표

이렇게 입력한 내용대로 잘 나오네요. 세부적인 컬러와 폰트, 정렬 등은 플러그인을 만들 때 값을 조절하거나 직접 선택해서 바꿔주세요.

시간표

저는 이렇게 변경했습니다. 표가 별로 들어가지 않는 프로젝트라 이 정도 플러그인도 꽤 쓸만하게 느껴지네요. 더 까다로운 데이터를 다루신다면 엑셀 데이터 로딩에 최적화된 다른 플러그인을 사용하시는 게 나을 것 같아요.

그럼 당근이었습니다.

 

2025.05.22 - [디자인/피그마] - [figma] 업데이트된 오토레이아웃 그리드(Grid) 기능으로 빠르게 표 그리기

[figma] 업데이트된 오토레이아웃 그리드(Grid) 기능으로 빠르게 표 그리기

 

 

2020.08.25 - [디자인/피그마] - [피그마] Google Sheet Sync : 이미지와 데이터를 스프레드 시트로 한번에 업데이트 해보자.

[피그마] Google Sheet Sync : 이미지와 데이터를 스프레드 시트로 한번에 업데이트 해보자.