# Sankey chart in Figma

> Flows between stages, sized by volume

A Sankey draws links whose width is proportional to the quantity flowing along them, so where volume goes — and where it is lost — is visible without arithmetic. It is the chart for anything that splits and merges: traffic, energy, budget, user journeys.

## Available in 4 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 5 |
| Highcharts | 4 |
| D3 · Nivo | 1 |
| ECharts | 7 |

17 examples in total.

These are the real charting libraries running inside the plugin, not redrawn lookalikes. The sankey chart on your canvas is the library's own output, and the Export tab hands developers that same library's configuration plus React, Vue, Angular or Svelte code — so what you design is what gets built.

## Reach for it when

- Multi-step flows where paths branch and rejoin.
- Showing where the volume actually goes rather than where you assume it does.

## Use something else when

- The flow is a simple sequence with no branching — a funnel is clearer.
- There are many small flows; the diagram turns into spaghetti.

## The data it needs

One row per link: source node, target node, and the amount.

| Source | Target | Value |
| --- | --- | --- |
| Search | Signup | 3200 |
| Social | Signup | 1800 |
| Signup | Paid | 900 |

---

Install Figma Charts: https://www.figma.com/community/plugin/1345221583582136577/figma-charts

All chart types: https://systergon.com/figma-charts/chart-types