# What can I export?

> Eight formats, from the Export tab: SVG, PNG, PDF, chart code, your data, the chart config, an embeddable snippet, and design tokens. Code and Config are the handoff ones — they carry the real chart library your developer will build with.

## Before you start

- A chart open in the editor.

> **Pro feature:** The Export tab needs a paid plan. Inserting onto the canvas with + SVG or + PNG is free for your first 10 charts — and updating a chart you already inserted never counts against that.

> **Tip:** If you export the same way repeatedly, save your choices as an export preset — the Quick Export row at the top then repeats it in one click.

> **Tip:** Config is the underrated one. It is the chart library's own options object — the exact thing the plugin rendered — so an engineer can drop it into an existing component without touching your framework choice.

## Steps

1. Open the Export tab in the editor. The eight formats run along the top: SVG, PNG, PDF, Code, Data, Config, Embed and Tokens.
2. Pick a format and its own options appear underneath — PNG offers scale, PDF offers page size, Code offers a framework, and so on.
3. Set the Background to None, White, Dark or a custom colour. None gives you a transparent SVG or PNG, which is usually what you want for placing on a coloured surface.
4. Finish with Download to save a file, or Copy to put the result straight on your clipboard.

_Topics: export, formats, handoff_

---

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

More Figma Charts help: https://systergon.com/figma-charts/help