figjam-widgets-collection
公開日: 2021.10.22  | 更新日: 2022.07.01

FigJamの作業が捗る便利なウィジェットの使い方

今回は、FigJamで2021年10月19日にアップデートで公開された新機能のウィジェットについて紹介します。ウィジェットは、ToDOリストのような機能をコンポーネントとして呼び出せるツールで、ディスカッションやブレインストーミングに役立ちます。

今回紹介するウィジェットなどは以下の通りです。

  • チャット

  • ToDoリスト

  • 組織図

  • 表・テーブル

  • サイコロ

  • カレンダー

  • 投票

  • 尺度マーカー

  • Code block

また、2022年6月にはFigJamだけではなく、Figmaでもウィジェット機能が利用できるようになりました。以下の記事でFigmaでの使い方を紹介していますので参考にしてください。

FigmaやFigJamで使えるウィジェット機能の使い方

今回はFigmaで新しく使えるようになったウィジェット機能について解説します。ウィジェットは元々FigJamで先行利用できていた機能で、プラグインとは異なり複数名でコラボレーションする際に複数名同時に活用できるツールとなっています。 ... 続きを読む

figma-how-to-use-widget

この記事のターゲット

  • FigJamの初心者

  • FigJamでウィジェットの使い方が知りたい方

  • FigJamで使えるウィジェットの種類が知りたい方


チャット(lil chat)

figjam-widget2

FigJam上でチャット形式で時系列にメッセージを残せるウィジェットです。

FigJamでコメントを残す方法はいくらでもありますが、こちらはタイムラインを常に表示したい場合に、発言者の情報がわかりやすくスタックされます。

テーマ別に議論コメントを時系列で残したい場合に役立ちそうです。

Todoリスト(lil todo)

figjam-widget3

画面にToDoリストを作成できるウィジェットです。

ディスカッションでスケジュールを作成したり、プランニングの際のToDoリストをメモとして残しつつ、進捗管理するのに役立ちそうです。

組織図(Org Chart)

figjam-widget4

メンバーやチームなどの情報を表示するパネルが作成できます。

figjam-widget5

役割別にパネルを増やしていき、矢印で従属関係のアラインを設定することで、組織図が簡単に作成できます。

プロジェクトメンバーのリストや、組織の階層を表現するのに役立ちそうです。

表・テーブル(Table)

figjam-widget6

Excelやスプレッドシートのような表・テーブルを表示できるウィジェットです。

セルをクリックすると値を入力するポップアップが開きます。

figjam-widget7

行・列のラベルをクリックすると、新しい行列の挿入や削除ができます。

サイコロ(Dice)

figjam-widget8

最大値が6のサイコロを振ることができます。

ランダムで何かを指名したり、その場で決め事をするのに役立ちます。

カレンダー(Calender)

figjam-widget9

指定した年月のまっさらなカレンダーを作成できるウィジェットです。

カレンダーの上にマーカーや付箋を貼り付けることで、スケジュールを作成するのに役立ちそうです。

投票(Poll)

figjam-widget10

その場で選択肢を設定して投票できるウィジェットです。

figjam-widget11

投票した人と割合がグラフィカルに表示されるので、複数人で打ち合わせをする際に多数決をとりたい場合などに役立ちます。

尺度マーカー(Alignment scale)

figjam-widget12

あるテーマに対して自分の考えや立ち位置を賛成・反対の甘辛を調整して示すことができます。

おまけ:Code block

Code block は正確にはウィジェットではありませんが、コードをFigJamで記載する際にコードの種類に合わせてインデントや色分けで表示できるので便利です。

対応している言語の種類は以下の通りです。

  • C++

  • CSS

  • Go

  • GraphQL

  • HTML

  • Javascript

  • JSON

  • Kotlin

  • Python

  • React

  • Ruby

  • Rust

  • SQL

  • Swift

  • TypeScript (デフォルト)

figjam-widget1

いかがだったでしょうか。

今回のアップデートではウィジェットの他にプラグインも利用できるようになりましたので、ますます便利になっていきますね。

便利なプラグインを見つけたらまた紹介していきたいと思います。

この記事を読んだ方におすすめの記事

Figmaで簡単にフローチャートや画面遷移図をつくる方法

今回は、Figmaで図形やフレームを追従する矢印でつないで、簡単にフローチャートや画面遷移図をつくる方法を紹介します。サイトマップ作成やアプリケーションのUXを検討する際に、画面同士を矢印で繋ぐことで動線を検討したり、概念モデルを整理するのに役立ちます。 ... 続きを読む

figma-connect-with-arrows

FigJamの機能と使い方の解説(動画付き)

今回は、Figmaでオンライン会議で付箋を使ったブレストをしたり、フローチャートを作成して、開発のシステムやモデル設計を、オンラインで複数名でリアルタイムに実施できる新機能「FigJam」の紹介です。 ... 続きを読む

2021-figjam-release

FigJamでチームビルディングするためのワークショップ集

オンラインホワイトボードツール「FigJam」を使って、今すぐできるワークショップのコンテンツを紹介します。FigJamを使えば、チームビルディングや振り返りなど、複数のメンバーで集まって発散と収束を付箋で貼るような作業も、場所を選ばずに実施することができます。 ... 続きを読む

figjam-team-building-workshop-template


最新の記事を見る
広告
この記事を書いた人
うえんつ

うえんつ

X a.k.a Twitter
B2B領域のSaaS・アプリケーション開発などを組織で取り組むことが得意なプロダクトデザイナーで、このブログのオーナーです。
今の関心事
Figma・UIデザイン・UXリサーチ・QOL・旅行
広告