feb19

Nobuhiro Takahashi
Designer / Engineer

Figma Plugin「Bar Chart Generator」を作りました

Figma Plugin「Bar Chart Generator」を作りました

date
2024.7.25(Thu.)
tags
PluginsFigmaDesign

円グラフジェネレーターに続いて、棒グラフが作れる Figma プラグイン「Bar Chart Generator」も公開しました。 Google Spreadsheet からデータを直接コピペできる物が欲しかったので作りました。

  • 行区切り(CSV 形式)で値を入力し、Create で円グラフが作れます
    • Google SpreadSheet からコピペできて便利です!
  • Google 風の Colorful なカラースケールや、グレースケール、単色スケールなどのカラープリセットを用意しています
  • 値やラベルを表示したり、ラベルを斜めにしたり(Slantwise)できます
  • それぞれのパーツはレイヤーに分かれており、編集可能な状態で生成できます

こちらも普段から使用していましたがあくまで自分用だったので、ちゃんと動作させるための成型でやや手間取りました。こちらも各所でご紹介いただけると幸いです!

User Interface
Preset Colors
Graph Styles
Options
Editable!

※ こちらもプリセットカラーには、オープンソースの Design System である PatternFly のカラーシステムを一部利用しています。

余談

これと先の円グラフジェネレーターがあれば大体の会社説明資料とか作れるようになるので、 Figma Slide を活用していきたさがありますね。

著者: @feb19