公開日: 2023.09.08 　|　更新日: 2023.12.15

Figma・FigJamで使える「Mindmap(Beta)」ウィジェットの紹介

2023年12月追記：

FigJamの標準機能として、公式のマインドマップ機能がリリースされました。使い方を以下の記事で紹介していますので、標準機能のマインドマップを利用したい方はこちらを参照してください。

今回は、FigJamの標準機能として追加された「マインドマップ」機能の基本的な使い方を紹介します。マインドマップでは、あるテーマからツリー構造でアイデアを発散しやすく、複数のパターンが存在する状態設計や、テスト設計などに活用できます。 ... 続きを読む

今回はFigma・FigJamでシンプルなマインドマップを効率的に作ることができるサードパーティ製ウィジェット「Mindmap（Beta）」の紹介です。特定のテーマからアイデアを発散させたり、テストケースなどのツリー構造のパターンを探索的に洗い出す際に便利です。

現在はBeta版のようで、高級なマインドマップツールとは違いノード同士を結びつけたり、ネットワークを結合するなどの機能はなく、また不具合が多少あるようです。

ノードをネットワーク形式で結合・解除しながらランダムに発散したい場合は、FigJam標準機能の付箋と矢印ツールを使用するのが良いと思います。

「Mindmap（Beta）」の使い方

Figma・FigJamでリソースツールからウィジェット名で検索できます。また、Figma Communityの「Mindmap（Beta）」ページからもアクセス可能です。

使い方は以下の通りです。

ノードの色や、全体の背景色は変更できます。

「Export」機能では、全体のウィジェット単位で全ノードをインデント付きのプレーンテキストとしてコピーできます。

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

今回はFigJamで書き出した大量の付箋やフローチャートをまとめて書き出す方法を紹介します。対応しているのは、PNG・JPGといった画像形式、PDF形式、CSV形式（付箋のみ）で、ワークショップの実施記録やアイデアのドキュメント化に役立ちます。 ... 続きを読む

今回はFigJamで付箋を効率的に作成するプラグイン「Create Sticky From Text」の紹介です。グループワークやディスカッションでテキストエディタなどで溜めた箇条書きのテキストを一括で付箋に書き出すことができるので、事前準備や作業効率化に役立ちます。 ... 続きを読む