> For the complete documentation index, see [llms.txt](https://pavel-kuligin.gitbook.io/chart/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pavel-kuligin.gitbook.io/chart/getting-started.md).

# Getting started

### Installation

**Sketch:** [download the latest version](https://pavelkuligin.ru/chart/#try) from the official Chart page and install `ChartFull.sketch` file by double click.

**Figma:** go to the Plugins on the home screen, then install plugin named Chart. It is all — you are ready to start visualize your data.

**Adobe XD:** go to Discover plugins inside, then [install plugin named Chart for XD](https://adobe.com/go/xd_plugins_discover_plugin?pluginId=6df8ae59) and that’s it, you’ve set it all up.

### How to create chart

**Sketch:** select any layer, or layers to create as many charts as you want then go to `Plugins > Chart > Create chart` or use shortcut `^⌘C`.

**Figma:** select any layer, or layers to create as many charts as you want then go to `Menu > Plugins > Chart > Create chart` or use context menu.

**Adobe XD:** select any layer, or layers to create as many charts as you want then go to `Plugins > Chart for XD > Create chart` or use shortcut `^⌥C` on Mac or `Ctrl+Alt+C` on Windows.

![You can configure your random generation as you wish](/files/-Ljkfv4aLwrlb4MOFawL)

Click `Create chart` and wait a moment to see the first chart on your page. Read article about [customization](/chart/getting-started/customize-chart.md), if you want to have more control on chart appearance.

**Random data is not enough?** Learn how to use [tabulated](/chart/tabulated-data.md) and [JSON data](/chart/json-data.md) in Chart.
