公開日: 2022.07.01 　|　更新日: 2022.07.01

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

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

本記事ではその使い方と、いくつか便利なウィジェットを紹介したいと思います。

Figmaでウィジェットを使う方法

Figmaファイルを開き、ツールバーから「□＋◇□」のような記号のアイコンをクリックするとプルダウンメニューで以下のタブが表示されます。

今回はWidgetsを開くことで、公開されているウィジェットをドラッグ＆ドロップでファイル内に呼び出すことができます。

検索ボックスからキーワード検索もできます。

デモでは「Dice」というランダムでダイスロールできるウィジェットを呼び出しています。

ほかにも、5段階評価ができる「Rating stars」や意見の肯定・否定度合いを尺度付きで表明できる「Alignment scale」など、さまざまなウィジェットが利用できます。

また、以下のFigma Communityのページからウィジェットを検索することもできます。

以下の記事でFigJamで使えるウィジェットの紹介をしているので参考にしてみてください。こちらの記事で溶解しているものはFigmaでも利用可能です。

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

今回はFigmaやFigJamのカードビューのファイル一覧で表示されるサムネイルを設定する方法を紹介します。デフォルトではファイル内の描画領域がプレビュー表示されますが、統一したフォーマットでサムネイル設定することで目的のファイルを見つけやすくなるのでおすすめです。 ... 続きを読む

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

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