FigJamのガイド
- FigJamはどのチームまたは計画でも利用可能
- FigJam for iPad appを使用した場合どこからでもFigJamを使用
- FigJamファイルを探す
FigJamは、個人やチームがブレインストーミング、開発、アイデアの整理に使用できるオンラインコラボレーションツールです。デザインツールは初めてという方も、簡単に「ジャムセッション」(FigJamでのコラボレーション)に参加できます。
FigJamファイルは、だれもが参加できる軽量でインクルーシブな環境です。個人やチームがアイデアを出し、検討し、実行する「デジタルホワイトボード」です。
- アイデアのブレインストーミングと検討
- デシジョンツリー、図表、マインドマップの作成
- デザインの批評またはフィードバックセッションの実行
- アイデアの収集、フィードバックの記録、リサーチの整理
- ミーティング、チュートリアルなどの対話型セッションの計画と実行
- プロジェクトのステークフォルダーとのコラボレーションや連携をこれ1つで
FigJamファイルを作成
FigJamファイルは、Figma固有のファイル形式です。このファイルには、チーム、プロジェクト、ドラフトの通常のデザインファイルと同時にアクセスできます。
新しいFigJamファイルは、ファイルブラウザ内の任意のファイル作成ポイントから作成します。
左サイドバー
- ファイルブラウザでFigmaを開きます。
- サイドバーの[最近]]または[ドラフト]をクリックします。
- 画面の右上の FigJamボードを選択する
ファイルブラウザ
- ファイルブラウザでプロジェクトに移動します。
- FigJamボードをクリックしてプロジェクトに新しいボードを作成します。
リンク
アドレスバーにfigjam.newまたはfigma.com/jamと入力します。
FigJam専用のファイルテンプレートにアクセスして、作業を始めます。
ファイルを探す
FigJamファイルには、ボード、ファイルツールバー、およびメインツール/オブジェクトバーという3つの領域があります。各領域でどれが有効になっているかが分かるようにレイアウトを簡略にしました。
オブジェクトをボードに追加
セクション
セクション付きのボードで、オブジェクトをまとめてクラスター化し、含め、移動します。
ボードにセクションを作成する方法は2つあります。
ツールバー
- 下部ツールバーのをクリックするか、キーボードショートカット⇧ Shift Sを使用します。
- セクションを追加するボードの場所でクリックして四角のセクションを作成するか、クリックしてからドラッグしてカスタムサイズのセクションを作成します。
追加するオブジェクトの上にセクションをクリックしてドラッグすることもできます。
選択元
- ボードでセクションに追加するオブジェクトをクリックしてドラッグします。
- 選択箇所を右クリックします。
- メニューで[セクションを作成]をクリックします。
付箋
付箋は、よく利用される物理的な付箋のバーチャル版です。シェイプ、コネクターと並んでFigJamボードの中心的な要素です。
- ツールバーのをクリックするか、Sを押します。
- ボード上の領域をクリックして、付箋を配置します。
- 入力を開始します。
デフォルトでは、ボードに追加した付箋には自分の名前が付けられます。ただし、付箋を選択したときにをクリックし、プロパティメニューからこれをオフにすることができます。
シェイプ
FigJamのシェイプは、あらゆるプロジェクトの基本ツールです。シェイプのサイズ変更、回転、破線または実線のアウトラインの追加が可能です。
シェイプは、図表、フローチャート、ユーザージャーニー、およびユーザーフローなどに適しています。
シェイプを作成する方法はいくつかあります。ツールバーまたはボード上の既存のシェイプから作成します。
- [シェイプ]ツールの横にあるをクリックしてシェイプを選択します。
- シェイププレビューをボード上に移動し、位置を決めます。
- もう一度クリックしてシェイプをドロップします。
ツールバーからボードにシェイプをドラッグ&ドロップすることもできます。
ボードを均等配置する
付箋やシェイプなどのオブジェクトを、列と行からなる均等グリッドで並べ替えて整理するには、均等配置を使用します。オブジェクト間の縦の間隔と横の間隔を調整し、間隔を維持しながら並び順を変更することもできます。
- ボードで3つ以上のオブジェクトを選択します。複数のオブジェクトの選択方法はこちら ↑
- 選択範囲のツールバーでをクリックします。
オブジェクトが等間隔のグリッド編成になります。選択範囲のバウンディングボックスに表示されるドットと線を使用して、オブジェクトを並べ替えて間隔を調整できます。
コネクターと線
付箋の間にコネクターを追加することで、フローを描画したり、他のユーザーが辿るパスを作成したりすることができます。
- ツールバーのをクリックします。
- カギ線または直線のいずれかのコネクターを選択します。あるいは、キーボードショートカットXまたは⇧ Shift Lでカギ線コネクターを作成し、Lで直線コネクターを作成することもできます。
- 接続するオブジェクトの間でカーソルをクリックしてドラッグします。
コネクターが作成されたら、コネクターの開始点または終了点をクリックし、別のオブジェクトまたは同じオブジェクトの別の辺にドラッグできます。
描画およびハイライト
FigJamのマーカーツール、蛍光ペンツール、和紙テープツールを使用して、ボードや他のオブジェクトに描画できます。これらのツールにより、楽しく個性を発揮しながら、ボード上のアイテムを目立たせたり、手書きで自由に描いたりすることができます。たとえば次のように使用できます。
手書きの線を描く
マーカーツールを使って手書きの絵を描くには、次の手順に従います。
- ツールバーの描画ツールをクリックしてマーカーツールを選択するか、Mを押します。
- 色と線の太さ([細]または[太])を選択します。これは手書きの線を描いた後でいつでも変更できます。
- ボード上でクリックしてドラッグし、手書きの線を描きます。
手書きの線を直線にするには、Shiftキーを押しながら線を描きます。
マーカーツールは、別のツールを選択するかEscキーを押すまでアクティブです。デフォルトでは、マーカーで描画される線は細い灰色です。
オブジェクトまたはテキストをハイライト
ボードでハイライトを引くには、次の手順に従います。
- ツールバーの描画ツールをクリックして消しゴムツールを選択するか、⇧ ShiftMを押します。
- 色と線の太さ([細]または[太])を選択します。これはハイライトを引いた後でいつでも変更できます。
- ボード上でクリックしてドラッグし、ハイライトを引きます。ハイライトで直線を引くには、Shiftを押したままドラッグします。
和紙テープを追加
和紙テープを使用するには、次の手順に従います。
- 描画メニューツールをクリックして [和紙テープ] を選択するか、Wを押します。
- 和紙テープのデザインを選択するか、をクリックして画像をアップロードします。
- ボード上のテープを追加する位置でクリックしてドラッグします。
テキストを追加
テキストは、ブレインストーミングや情報を伝える場合に、アイデアをメモするために欠かせない要素です。
ボードにテキストを追加するには、ツールバーのをクリックするか、 Tを押します。
テキストオブジェクトは、他のオブジェクトの上またはボードに直接テキストを追加するときに使用します。
シングルクリック
シングルクリック操作で、テキストボックスが作成されます。入力すると、このテキストボックスの横方向のサイズが変化します。これはポイントテキストとも呼ばれます。テキストボックスの幅を調整するには、テキストボックスの側面をドラッグします。
- テキストツールを選択するか、Tを押します。
- ボード上の任意の位置をクリックして、テキストボックスを作成します。
クリックアンドドラッグ
横方向のオーバーフローテキストを次の行に改行するテキストボックスを作成するには、クリックアンドドラッグ操作を使用します。これはエリアテキストとも呼ばれます。オブジェクトの幅は固定であり、テキストを追加すると縦方向に拡大します。
- ボード上の任意の位置をクリックしたままにします。
- カーソルをドラッグすると、特定の寸法のテキストレイヤーが作成されます。
FigJamでテキストの作成と書式設定を行う方法の詳細はこちら →
テンプレートを使用
テンプレートを使用すると、事前作成されたコンテンツが新規または既存のファイルに追加され、作成元にできるチームガイダンスおよび開始点が得られます。たとえば、デイリースタンドアップテンプレートを使用すると、事前作成された列がボードに追加され、チームはタスクおよびゴールを付箋として使用できます。優先マトリクステンプレートを使用すると、ブレインストーミングのための指定スペースと、プロジェクトにおけるアイデアの実現可能性と優先順位を決定するためのマトリクスが追加されます。
- ツールバーの最近使用したアイコンにカーソルを合わせます。
- [その他]ボタンをクリックしてモーダルを開きます。
- [テンプレート]タブを選択します。
- 利用可能なテンプレートをスクロールして参照するか、モーダルの上部の検索バーで、特定のキーワードを使って検索します。
- テンプレートにカーソルを合わせ、 [テンプレートを追加]をクリックしてボードに追加します。
オブジェクトをインポート
画像を追加
インポートできる画像は、PNG、JPEG、HEIC、GIF、TIFF、WEBP形式の静的画像と、GIF形式のアニメーション画像です。
静止画像はアニメーション化できません。サポートされている静止画像形式は、PNG、JPEG、HEIC、GIF、TIFF、WEBPです。
画像を追加するには、次の手順に従います。
- ツールバーで最近使用したアイコンのスタックにカーソルを合わせて、[その他]をクリックします。
- [その他]タブを選択します。
- [画像]を選択します。
- コンピューターから画像を選択します。
Figmaからデザインを貼り付ける
Figmaからレイヤー(フレーム、画像、コンポーネント、テキストレイヤー、リンクなど)をコピーしてFigJamに貼り付けます。
FigJamファイルにはレイヤーパネルがないため、Figmaデザインファイルから貼り付けられたフレーム、コンポーネント、またはその他のレイヤー内で選択できる内容には制限があります。
FigJamとFigmaデザインの間での作業の詳細についてはこちら →
テキストをリンク
Figmaファイル、FigJamファイル、ドキュメント、外部Webサイトを参照するクリック可能なリンクをテキストに追加します。
- オブジェクトまたは特定のテキスト文字列を選択します。
-
をクリックする、またはキーボードショートカットを使用します。
- Mac: ⌘ CommandK
- Windows: ControlK
- URLを入力するか、クリップボードから貼り付けます。
URLがすでにクリップボードにコピーされている場合は、テキストを選択し、⌘ CommandV / ControlVを押してリンクを挿入します。
スプレッドシートデータをインポートする
CSVをインポートするには、ファイルをボードにドラッグアンドドロップするか、次の手順に従います。
- 上部のツールバーのをクリックします。
- [ファイル]>[CSVからインポート]に移動します。
- CSVファイルを選択し、[開く]をクリックします。
スプレッドシートからセルを直接コピーして、ボードに貼り付けることもできます。
インポートが完了すると、CSVセル内のデータがFigJamテーブルに変換されます。
メモ: テーブルには500 セルの制限があります。CSVファイルに制限を超えるデータが含まれている場合、データの最初の500 セルのみがインポートされます。FigJamに持ち込みたいデータのセルが500を超える場合は、複数のテーブルを追加することを検討してください。
テーブルを付箋に変換する
テーブル内のセルを付箋に変換するには、次の手順に従います。
- テーブルを選択します。
- 次のキーを押して、クイックアクションメニューを開きます。
- Mac: ⌘ Command/または⌘ CommandP
- Windows: Control + /またはControl + P
テーブルをCSVファイルにエクスポートする方法の詳細についてはこちら →
AsanaまたはJiraからタスクをインポートする
AsanaウィジェットまたはJiraウィジェットを使用して、開いているタスクをボードに埋め込みます。
ウィジェットは、FigJamボードに追加できるカスタムオブジェクトです。さまざまなツール、外部アプリケーションからのデータ、または新しいプレイ方法を使用してセッションをレベルアップできます。
ウィジェットを追加するには、次の手順に従います。
- 下部のツールバーにある最近のウィジェットとステッカーのスタックで[その他]をクリックします。
- [ウィジェット]タブで、「Asana」または「Jira」を検索します。
- ウィジェットをクリックしてボードに追加します。
FigJamでのアクティビティ
投票セッションを実施する
FigJamで投票を行うことで、たくさんのアイデアの中から絞り込んで、より早く意思決定を行うことができます。投票中は各参加者の選択結果は隠され、投票セッションが終了すると回答と最終的な集計結果が全員に公開されます。
ミーティングボードを作成する
FigJamは、あらゆる種類の会議やチームとの共同演習を主催するのに最適な場所です。
カードの並べ替え演習を実行する
研究チームにとって、FigJamは完璧なカード分類ツールです。このチュートリアルでは、カード並べ替えテンプレートを作成する方法と、FigJamを使用して参加者と一緒にカード並べ替えアクティビティを実行する方法を説明します。
会議中のコラボレーション
コメント、メンション、チャット
- ボードにコメントを残すには、をクリックするかCを押します
- テキストフィールドを編集するときに、「@」と入力すると、ファイル内で人物をタグ付けできます
- 「/」を押して入力を開始すると、ファイル内のマルチプレイヤーカーソルに一時メッセージが表示されます
スタンプと絵文字
スタンプは、事前に用意されているステッカーであり、ボードやオブジェクトに貼り付けてフィードバックを伝えることができます。
スタンプを使用するには、次の手順に従います。
- ツールバーのをクリックするか、キーボードショートカットEを押します。
-
スタンプホイールから自分が選んだスタンプをクリックします。
-
ボードまたはオブジェクトをクリックしてスタンプを配置します。
リアクションは、次の目的で使用される一時的な連発した絵文字のリアクションです。
リアクションを使用するには、次の手順に従います。
-
リアクションツールを選択します。これを行うにはいくつかの方法があります。
- ボードを右クリックして[リアクション]を選択します。
- をクリックして[リアクション]を選択します。
- スタンプホイールを開いた状態で、をクリックしてリアクションホイールに切り替えます。
-
リアクションホイールからリアクションを選んでクリックします。
-
ボード上の任意の場所をクリックして、リアクションを噴き出させます。リアクションを連続的に噴き出させるには、クリックしたままにします。
しばらくリアクションを行わないと、最終的にリアクションモードがフェードされ、選択ツールに戻ります。
Escを押してリアクションツールを終了することもできます。
ステッカーとFigmaライブラリを使用する
FigJamのライブラリにより、チームやFigmaコミュニティのメンバーが作成したステッカーやコンポーネントをボードに追加できます。
ライブラリを参照するには、次の手順に従います。
- ツールバーの最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。
- [ステッカー]タブを選択します。
- ステッカーやコンポーネントを検索するか、ライブラリを参照します。
- ライブラリでオブジェクトをクリックして、ボードにドラッグします。
ヒント!キーボードのショートカットで⌥ Option2 / Alt2 を押しても、モーダルを開くことができます。
音声通話
会話を開始または会話に参加するには、ツールバーのをクリックします。とアバターの周囲に緑色の輪郭が表示されると、会話がアクティブになります。
アクティブな会話に参加するには、[参加]をクリックします。
自分にスポットライトを当てる
自分にスポットライトを当てると、ファイルを閲覧しているすべての共同編集者に、あなたがフォローをリクエストしたことが通知されます。これは、音声通話を使用してFigJamおよびFigmaデザインで会議やワークショップを実施する場合に便利です。
スポットライトを開始
- FigJamまたはFigmaデザインファイルの上部ツールバーにあるアバターにカーソルを合わせます。
- [自分にスポットライトを当てる]をクリックします。
この時点で、現在ファイルを閲覧しているすべてのユーザーに、あなたをフォローするようリクエストする通知が届きます。これらのユーザーにあなたのファイルビューが表示されるまで数秒の間があり、その間にユーザーはリクエストを無視することもできます。
スポットライトを使用した会議への誘導についての詳細はこちら →
テンプレートを作成する
カスタムテンプレートを使用することで、ファイルを一から設定することなくコンテンツをFigJamファイルにすばやく追加できます。テンプレートは、チーム独自のワークフローとやり方をキャプチャーするために作成することも、単にチームのスタイルの表現として作成することもできます。
編集可のアクセス権を持つ組織のメンバー全員が、FigJamファイルをカスタムテンプレートとして作成および公開できます。FigJamファイルをテンプレートとして公開するには次の手順に従います。
- 上部のツールバーで、[共有]ボタンをクリックします。
- [公開]タブを選択し、[テンプレートとして公開]をクリックします。ファイルが下書きにある場合、ファイルをプロジェクトに移動するように求めるプロンプトが表示されます。
- テンプレートの名前、説明、サムネイル画像を入力します。
- 組織または現在のチームを公開先にする場合に選択します。組織に設定されている場合、組織の全員が使用できます。現在のチームに設定されている場合、ファイルがあるチームのメンバーのみがテンプレートを使用できます。
- [公開]をクリックします。