Importing charts from spreadsheet data

If you want to automatically generate Figma slide charts using data from your CSV files, you can click the Add Slides/Charts button at the bottom of your slides list, make sure the Chart Builder tab is selected, then follow the three steps below.

1. Select Chart Type ​

You can select one of the chart options below:

  • Bar Chart
  • Column Chart
  • Line Chart
  • Area Chart
  • Combo Chart
  • Donut Chart
  • Pie Chart
  • Scatter Chart
  • Stepped Area Chart

2. Add Chart Data from CSV ​

After you've selected your chart type, the data will be pre-populated with "sample data"; to use your own data, you can drag and drop your own .csv file into the dropzone area, which will automatically populate the chart preview with data. You can also make small edits to the data that was loaded into the plugin from your CSV file by clicking any of the input fields in your rows/columns under the .csv upload dropzone area.

Download sample CSV files for each chart type. You can download a .csv file containing sample data for any chart type by clicking your chart type, then clicking the chart-type-name-sample-data.csv link (right next to the 2. Add Chart Data heading in the Chart Builder window), which will download the CSV file to your computer. Then you can edit/update the CSV file and drop it into the plugin's dropzone to apply the data to your chart.

3. Add Chart Slide to Figma ​

Once you've chosen your chart type and dropped your CSV file into the dropzone, click the Add Chart Slide to Figma button to instantly add your chart to Figma as a new editable slide in your presentation.

You can optionally customize the colors, text content or any other elements of the chart design by editing the vector/text layers that are automatically added to your page when the chart is inserted from the plugin.