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

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

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

この動画では、CopyDocプラグインを使って、スプレッドシートからFigmaにグラフデータを同期する方法を解説しています。

グラフの種類ごとにサンプルの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）をクリックすると、グラフが編集可能な新しいフレームとして、現在のページにすぐに追加されます。

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