---
url: "/ja/copydoc/sync/charts.md"
description: "スプレッドシートのデータからFigmaのグラフを自動で生成するには、CopyDocのSync Content機能で**Chart**タブをクリックし、次の手順に従います。"
---

# スプレッドシートのデータからグラフをインポートする

> スプレッドシートのデータからFigmaのグラフを自動で生成するには、CopyDocのSync Content機能で**Chart**タブをクリックし、次の手順に従います。

### スプレッドシートからFigmaにグラフデータを同期する

この動画では、CopyDocプラグインを使って、スプレッドシートからFigmaにグラフデータを同期する方法を解説しています。
[Embedded media](https://www.youtube-nocookie.com/embed/SwgrrN9gY1Q)

[Video](/assets/videos/copydoc/sync/chart-import.mp4)

> **Tip:** **グラフの種類ごとにサンプルのCSVファイルをダウンロードできます。** グラフの種類をクリックしてから、そのサンプルデータのリンク（例：**bar-chart-sample-data.csv**）をクリックすると、どのグラフの種類でもサンプルデータを含む`.csv`ファイルをダウンロードできます。ダウンロードしたCSVファイルの例を、自分のデータで更新して使えます。

次のグラフから1つを選べます。

- 横棒グラフ（Bar Chart）
- 縦棒グラフ（Column Chart）
- 折れ線グラフ（Line Chart）
- 面グラフ（Area Chart）
- 複合グラフ（Combo Chart）
- ドーナツグラフ（Donut Chart）
- 円グラフ（Pie Chart）
- 散布図（Scatter Chart）
- 階段状の面グラフ（Stepped Area Chart）

グラフの種類を選んでスプレッドシートのデータを追加したら、**Insert … Chart to Figma**ボタン（例：**Insert Bar Chart to Figma**）をクリックすると、グラフが編集可能な新しいフレームとして、現在のページにすぐに追加されます。

プラグインからグラフを挿入するとページに自動で追加されるベクターレイヤーやテキストレイヤーを編集すれば、必要に応じて、グラフデザインの色、テキストの内容、そのほかの要素をカスタマイズできます。