How to make charts and graphs in Figma

Yes, for simple charts. A bar chart is just rectangles of different heights lined up on a baseline, and auto layout does the lining up for you. Line and pie charts are harder by hand: you'd plot each point with the pen tool or slice arcs manually, and redraw them whenever the numbers change. That's where plugins pay off.

The setup in the steps above gives you a chart that stays tidy when you edit it. Because the bars sit in a horizontal auto layout frame aligned to the bottom, changing one bar's height doesn't move the others, and adding a bar pushes the rest along. Press Shift+A to add auto layout and set the gap between bars in the right sidebar.

• Pick a scale and stick to it. If 100 units is 200 px, every bar is its value times 2. Write the scale in the frame name so the next person can edit it.
• Make the bar a component with a colour variant for highlighted values. Swapping one bar to the highlight variant is quicker than restyling it.
• Use horizontal auto layout for a column chart and vertical for a bar chart. A vertical stack of bars with left alignment gives you horizontal bars that read well with long labels.

If you're new to auto layout, how to use auto layout in Figma covers the alignment and gap settings used here.

Chart plugins take numbers you type, paste or import and draw the chart as vectors on the canvas, so you can restyle it like any other layer. These are the most used chart plugins in our catalog:

• Chart (about 425,000 users): 20 ready-made chart types with styling controls. Custom charts are part of its paid plans.
• i Charts Generate (about 170,000 users): builds charts from Excel data using auto layout and variables.
• Datavizer (about 84,000 users): bar charts, scatter plots and line charts from your own data, or random data for sparklines in dashboard mockups.
• FigmaCharts (about 54,000 users): chart types from several JavaScript chart libraries, with animation and code export.
• UCharts (about 44,000 users): imports Excel or CSV data, with 20+ chart types.

Most chart plugins accept pasted or imported spreadsheet data. Clean the data first: one header row, no merged cells, and numbers formatted the way they should appear. If you only need plausible numbers for a mockup, random data is fine, and realistic mock data in Figma covers other ways to fill a dashboard.

What to check before picking a chart plugin

• Chart types. Bar and line are everywhere. Scatter, map and stacked charts are not, so check the plugin's page first.
• How data gets in. Typing values, pasting cells, or importing a CSV or Excel file. Pasting and importing save time on anything over a dozen points.
• Editable output. You want vectors you can restyle, not a flat image, so the chart matches your colour styles.
• Price. Several chart plugins keep advanced chart types or custom charts on paid plans.

Dashboards often pair a chart with the table it came from. Our plugin Table Creator - Import From Excel builds that table from the same spreadsheet: paste the cells, upload a .csv or .xlsx file, or paste a Google Sheets link, and it draws a styled table from regular frames and text. See how to make a table in Figma for the manual method too.