ChartSmith quickstart

Paste a table, pick a type, click Create. Every chart type is free.

Install the plugin

  1. Open ChartSmith on the Figma Community and click Install.
  2. Open a Figma design file.
  3. Run it from Plugins → ChartSmith, or press Cmd/Ctrl + / and type "ChartSmith".

Your first chart

  1. Paste your data into the Data box. The first row is the header, the first column holds the category labels, and every further column is a series. Comma or tab separated both work, so copy straight from a spreadsheet. The three sample buttons load example data.
  2. Pick a chart type: grouped bar, stacked bar, horizontal bar, line, area, pie or donut. Pie and donut use the first series.
  3. Set the size in pixels and tick Legend and Value labels as needed.
  4. Click Create chart.
The Chart tab with sample data loaded.
The Chart tab with sample data loaded.

The chart lands as a frame in the middle of your viewport, selected and zoomed to. Bars are rectangles, lines are vectors, labels are text, so restyle anything like any other layer.

What next?

Was this page helpful?