Charts by Szum

The Figma chart plugin with editable layers.

Start with sample data, shape it, and swap in your CSV when it arrives. Keep editing in place, or publish PNG, SVG, and interactive links without leaving the file.

Open in FigmaView plugin docs
Figma
SCharts by Szum – Editable Chart & Graph Maker
Revenue outlook
DataChartStyleReview

Marks

Columns

StackedSide by side
Normalize to 100%

Choose Stacked first.

Draw as lines

A
B
C

Axes

X axis · month

Title

Optional

Axis line

Theme default

Scale and ticksAuto (Categories)

Y axis · revenue
Live on canvasChanges update automatically

On the canvas

Figma-native.

Editable layers, in-place updates, and responsive frames. The chart belongs on the canvas, not inside a screenshot.

Named layers, all the way down.

Header, data geometry, axes, labels, legend, and background arrive as named Figma layers with real vectors and typography.

Revenue outlook
Bars
Jan
Feb
…
Jun
Axes
Gridlines
X Axis
Y Axis
Header
Title
Subtitle
Legend
Background

Update in place. Resize to reflow.

Select an inserted chart and the plugin restores its definition and data. Every change updates the same frame; resizing it causes the chart to compose itself again.

Publish beyond Figma.

Publish PNG, SVG, and interactive embed links directly from the plugin. Edit and re-publish without changing the public URL.

Variables

Colors that follow your file.

Charts paint with Figma variables. Link them to your design system, and switch Light and Dark like any other frame.

Figma

Light

Dark

SCharts by Szum – Editable Chart & Graph Maker
Revenue outlook
DataChartStyleReview

Color

Appearance

AutoLightDark

Background

FilledTransparent

Variables

  • BackgroundSurface/Default
  • TitleText/Primary
  • SubtitleText/Secondary
  • Tick labels
  • Grid
  • Series 1Chart/Indigo
  • Series 2Chart/Teal
  • Series 3Chart/Amber
Match other Editorial charts

Gives 2 other Editorial charts on this page the same variables.

Live on canvasChanges update automatically

Light and Dark, as variable modes.

Inserted charts take their colors from a Light and Dark variable collection. Switch Appearance in the plugin or in Figma’s own panel; Auto follows the frame around the chart. Starter files get separate Light and Dark groups instead.

Link your design tokens.

Point any chart color at a variable from the file or an enabled library. The colors travel into PNG, SVG, and embeds, so the published chart matches the mockup. Publishing them needs Creator, Pro, or Team.

One click for the whole page.

Match the other charts on the page that use the same theme, and they pick up the same links. A variable that goes missing keeps the colors it had when last found.

Team themes, already loaded.

With a Team workspace key, your shared themes sit above Szum’s own and new charts start in the workspace default. Opening a linked chart brings it up to the theme’s latest values.

In detail

The useful details are already in.

Enough control to finish the chart, without rebuilding a charting library inside a plugin panel.

Chart types for different stories

Choose from column, bar, line, area, scatter, pie, and waterfall, including donut charts as a pie variation.

Chart-aware controls

Grouped or stacked bars, series drawn as lines, labels, annotations, reference lines, sizing, and chart-specific geometry.

Curated themes

Six distinct themes, theme overrides on Creator, Pro, and Team, and shared workspace themes on Team.

Spreadsheet editing

Paste ranges, fill down, drop in a CSV or TSV, and fix flagged values in place. Szum reads decimal commas and asks when a date could go two ways.

Inspect and repair the definition

Edit the full definition, inspect findings in context, and apply a verified fix only when you choose it.

Free and unbranded

Insert editable, unbranded charts without creating an account.

Questions

Figma chart plugin questions.

The short version before you install.

How do I make a graph in Figma?
Run Charts by Szum from the Figma Community, pick a chart type, and keep the sample data or paste your own table into the Data tab. Click Insert chart and the graph lands on the canvas as named, editable layers. Select it later and choose Edit chart to change it in place.
Can I create a Figma chart before I have real data?
Yes. Charts by Szum generates random data for every chart type. You can choose the number of categories, series, points, or slices, regenerate instantly, and switch to your real CSV later.
Can I paste CSV data into the Figma plugin?
Yes. Paste rows from a spreadsheet or drop a CSV file into the Data tab, check them in the preview, then replace the chart data without rebuilding the design. Map columns to chart roles and edit cells or rows in place.
How does Review work in the Figma plugin?
Review collects errors, recoverable warnings, and non-blocking suggestions from data, design controls, and Source. Errors block insertion of the invalid definition while the last valid preview remains visible. Deterministic fixes are explicit and undoable.
Are inserted charts editable in Figma?
Yes. Charts are inserted as named, editable Figma layers with real vectors and typography. The frame also stores its chart definition and data so the plugin can reopen and update it later.
Does the Figma plugin use Figma variables?
Yes. Inserted charts take their colors from Figma variables with Light and Dark modes, so Figma’s Appearance setting switches them. You can also link chart colors to variables from your file or an enabled library; the plugin writes those colors into the chart, so published images and embeds match.
Which chart and graph types are included?
Charts by Szum includes column, bar, line, area, scatter, pie, and waterfall charts, with donut, grouped, and stacked variants where they apply.
Can I create a pie chart in Figma?
Yes. Choose Pie in Charts by Szum, keep the sample slices or paste your own, and insert it as editable layers. The Donut size control turns it into a donut chart.
Is Charts by Szum a free Figma chart plugin?
Yes. You can generate data and insert editable, unbranded charts without signing up. A free account is only needed to publish image and embed links, and Creator, Pro, or Team unlocks custom theme styling.
What is the best chart plugin for Figma?
It depends on the job. Plugins such as Chart and UCharts list 20 or more chart types each. Charts by Szum has seven and focuses on finished design: curated themes, checks against charting rules, and a chart that also publishes as PNG, SVG, or an interactive embed. Pick it when the chart in the mockup has to match the one that ships.

Make your next chart in Figma.

Open the free plugin, generate believable sample data or import your own, and insert it as editable layers.

Open Charts by SzumRead the docs