Related Videos

• FigJamでのカスタムテンプレートの作成

  はじめに

  この機能を使用できるユーザー

  ビジネスプランとエンタープライズプランでサポートされます

  編集可のアクセス権を持つ組織のメンバー全員がチームテンプレートを公開できます。

  FigJamが初めての場合は、FigJamのガイドをご覧ください。

  カスタムテンプレートを使用することで、ファイルを一から設定することなくコンテンツをFigJamファイルにすばやく追加できます。テンプレートは、チーム独自のワークフローとやり方をキャプチャーするために作成することも、単にチームのスタイルの表現として作成することもできます。

  たとえば、次の目的でカスタムテンプレートを作成する場合があります。

  • 週ごとのミーティング
  • チームのプランニング
  • ワークショップ
  • 振り返り
  • デザインの批評

  

  テンプレートファイルは、ファイルブラウザではテンプレートアイコンで示されます。チームのテンプレートファイルをすべて1つのプロジェクトで保持するようにすると、テンプレートファイルを1つの場所で簡単に見つけて管理できます。

  ヒント

  インスピレーションをお探しですか? または、構築元となる既成テンプレートをご希望ですか? FigmaまたはFigmaコミュニティが作成したFigJamテンプレートを参照する方法についてご確認ください →

  カスタムテンプレートの作成と公開

  編集可のアクセス権を持つ組織のメンバー全員が、FigJamファイルをカスタムテンプレートとして作成および公開できます。FigJamファイルをテンプレートとして公開するには:

  1. 上部のツールバーで、[共有]ボタンをクリックします。
  2. [公開]タブを選択してから、テンプレートとして[公開]をクリックします。ファイルがドラフトにある場合、FigJamによってプロジェクトへのファイル移動を求められます。
  3. テンプレートの名前、説明、およびサムネイル画像を入力します。
  4. 組織または現在のチームを公開先にする場合に選択します。組織に設定されている場合、組織の全員が使用できます。現在のチームに設定されている場合、ファイルがあるチームのメンバーのみがテンプレートを使用できます。
  5. [公開]をクリックします。

  

  テンプレートの編集

  カスタムテンプレートに変更を加えるには、テンプレートが作成されるときに使用した元のソースファイルへの編集可のアクセス権が必要です。

  1. テンプレートが作成されるときに使用したソースファイルを開きます。
  2. ファイルに変更を加えます。
  3. ページの上部の通知バナーにある[変更を公開]ボタンをクリックします。

  公開された変更は、テンプレートで作成された新しいファイルにのみ適用されます。

  テンプレートの詳細(説明や名前など)を編集する場合:

  1. ファイルブラウザでテンプレートを開きます。
  2. ツールバーの[共有]ボタンをクリックします。
  3. [公開]タブを選択してから、[更新] > [テンプレートを公開]をクリックします。
  4. テンプレートの詳細を編集してから、[テンプレートを公開]をクリックします。

  テンプレートの公開取り消し

  テンプレートをチームのテンプレートから削除するには、テンプレートの公開を取り消します。

  1. ファイルブラウザでテンプレートを開きます。
  2. ツールバーの[共有]ボタンをクリックします。
  3. [公開]タブを選択してから、[更新]をクリックします。
  4. [公開取り消し]をクリックしてから、確定します。

  ファイルをドラフトに戻すことでも、テンプレートの公開を取り消すことができます。ファイルを移動する方法についてご確認ください →

  カスタムテンプレートの使用

  カスタムテンプレートを参照および使用するには:

  1. 画面上のツールバーでをクリックして、テンプレートピッカーを開きます。
  2. 組織の名前のラベルが付けられたタブを選択します。
  3. テンプレートのサムネイル画像にカーソルを合わせてから、[テンプレートを追加]をクリックします。

  

  ビジネスプランでは、次の条件でテンプレートが表示されます。

  • 所属するチーム。組織全体に公開されたテンプレート、チームのメンバーにのみ表示されるテンプレートを含む
  • 所属しないチーム。チーム別にグループ化されているテンプレート

  エンタープライズプランでは、次の条件でテンプレートが表示されます。

  • 所属するワークスペース内のチーム
  • 他のワークスペースに公開されたテンプレート

  カスタムテンプレートを無効にする

  組織管理者は、メンバーにチームテンプレートの公開および使用を禁止できます。

  1. ファイルブラウザでFigmaを開きます。
  2. サイドバーで[管理者設定]を選択します。
  3. [設定]タブを選択します。
  4. [その他]セクションまで下にスクロールしてから、[テンプレートの公開]トグルをオフにします。

  この時点で、組織に作成されたカスタムテンプレートはテンプレートブラウザに表示されなくなります。カスタムテンプレートを再度有効にした場合、以前に作成されたカスタムテンプレートはテンプレートブラウザに復元されます。

  カスタムテンプレートが無効になっている場合:

  • メンバーは、追加のカスタムテンプレートを公開できません
  • メンバーは、公開されたテンプレートを今後のFigJamファイルに追加できません
• FigJamのテーブル

  テーブルは、FigJamボード上で情報を整理し、まとめ上げ、構造化するのに役立ちます。複数のユーザーが同時にテーブルで編集およびコラボレーションできます。

  テーブルは次の目的で使用します。

  • チームミーティングへのデータの移動を最初から始めたり、外部スプレッドシートからデータをコピーして貼り付けることが可能
  • アイテムを読みやすいフォーマットに整形
  • プロジェクトステータスおよびマイルストーンの追跡
  • 調整可能な行および列でのアイデアの優先順位付け

  テーブルの追加

  1. 次のいずれかのオプションを選択します:
     • ツールバーから: テーブルアイコンをクリックします。
     • キーボードショートカット: キーボードでShift + Tを押します。
  2. クリックし、ドラッグして必要な数の行および列を作成します。
  3. マウスボタンを放して、テーブルをボードに配置します。

  

  テーブルを作成したら、任意のセルをクリックしてテキストを追加します。

  注: テキストおよびスタンプを個々のセルに追加できます。他のオブジェクト(付箋、シェイプ、ウィジェットなど)をテーブルの上の層にすることはできますが、移動またはエクスポートする場合はテーブルに固定しないでください。

  テーブルの編集および書式設定

  テーブル内のセル、行、および列のスタイル、サイズ、および位置を編集できます。

  セル、行、および列を選択

  • テーブル全体を選択するには、テーブルをシングルクリックします。
  • 個別のセルを選択するには、最初にテーブルを選択してからセルをクリックします。
  • 行または列全体を選択するには、行の左側または列の上部にある (グラバーアイコン)をクリックします。
  • 複数の行、列、またはセルを選択するには:
    • ⌘ Command (Mac)またはCtrl (Windows)を押しながらクリックして、それぞれのアイテムを選択します。
    • ⇧ Shiftを押しながらクリックして、範囲内のすべてのアイテムを選択します。

  ヒント! 次のセルにジャンプするには、Tabを押します。前のセルにジャンプするには、⇧ Shiftを押しながら、Tabを押します。

  フォントおよび色の編集

  編集するセル、行、列、またはテーブルを選択します。ツールバーから、以下のことができます。

  • セルの背景色の編集
  • フォントサイズおよびタイプフェースの調整
  • フォントスタイル(太字および取り消し線)の追加
  • リンクの作成
  • 箇条書きまたは段落番号の作成
  • テキストの左揃え、中央揃え、または右揃え

  

  FigJamでのテキストプロパティ編集の詳細情報 →

  テーブル、行、または列のサイズ変更

  テーブル全体をサイズ変更

  1. テーブルをシングルクリックして、テーブル全体を選択します。
  2. テーブルの4つの角のいずれかをクリックし、ドラッグしてサイズを変更します。

  

  FigJamでのオブジェクトのサイズ変更の詳細情報 →

  1つの行または列をサイズ変更

  1. サイズを変更する行または列のボーダーラインをマウスでポイントします。
  2. マウスをクリックしてドラッグし、行/列の高さまたは幅を調整します。

  

  行および列の追加

  行または列をテーブルの最後または下部に追加

  1. テーブルを選択し、最後の列または行をマウスでポイントします。
  2. テーブルの端に表示される青いバーをクリックします。

  

  テーブルの途中で行または列を追加

  1. テーブルを選択し、青いドット(テーブルの上部または左側にある、行または列のボーダライン)をマウスでポイントします。
  2. (プラス記号)をクリックして、行または列を追加します。

  

  右クリックメニューを使用して行または列を追加

  1. セル、行、または列を選択します。
  2. 選択したセルを右クリックします。
  3. 右クリックメニューから選択して、行または列を現在の選択範囲の上または下に追加します。

  

  行および列の削除

  行または列を削除

  1. 行または列を選択します。
  2. deleteを押します。

  右クリックメニューを使用して行または列を削除

  1. セル、行、または列を選択します。
  2. 選択したセルを右クリックします。
  3. 右クリックメニューから、[行を削除]または[列を削除]を選択します。

  ヒント! 個々のセルを選択した場合は、右クリックメニューから[コンテンツを削除]を選択できます。これにより、セルからすべてのテキストが削除されます。

  行および列の移動

  1. 行または列を選択します。
  2. (グラバーアイコン)をクリックしたまま、行または列をテーブル内の目的の位置にドラッグします。

  

  行または列を選択してから右クリックし、右クリックメニューから[行/列を上に移動]または[行/列を下に移動]を選択することもできます。

  行および列を複製

  FigJamテーブル内で行および列を複製できます。

  1. 複製する行または列を選択します。複数の連続したアイテムまたは連続していないアイテムを選択できます。
  2. ⌘ Command + D (Mac)またはCtrl + D (Windows)を押します。

  複製した行は、最後に選択した行の下に追加されます。複製した列は、最後に選択した列の右に追加されます。

  テーブルコンテンツのコピーと貼り付け

  外部スプレッドシートからのコピーと貼り付け

  他のスプレッドシート(Google Sheetsなど)からコンテンツをコピーしてFigJamに貼り付け、新しいテーブルを作成できます。

  1. スプレッドシートからセルをコピーします。
  2. キャンバス上の空白の領域をクリックして、オブジェクトを選択解除します。
  3. ⌘ Command + V (Mac)またはCtrl + V (Windows)を押して、ボード上にスプレッドシートを貼り付けます。

  ヒント! すべてのスプレッドシートが同様に動作するわけではありません。使用しているプログラムからFigJamに貼り付ける際に問題が発生する場合は、スプレッドシートを.csvファイルにエクスポートしてから、FigJamファイルにインポートしてみてください。

  FigJamテーブル間でのコピーと貼り付け

  2つのFigJamテーブルの間でコピーおよび貼り付けをすることもできます。

  1. 最初のテーブルから、セル、行、または列を選択します。
  2. ⌘ Command + C (Mac)またはCtrl + C (Windows)を押してコピーします。

  3. 2番目のテーブルで、コンテンツを貼り付けるセル、行、または列を選択します。

     注:テーブル全体(特定のセル、行、または列ではなく)を選択した場合は、貼り付けると新しいテーブルが作成されます。

  4. ⌘ Command + V (Mac)またはCtrl + V (Windows)を押して貼り付けます。

  

  テーブル間でのコピーおよび貼り付けでは、テキストの書式設定が引き継がれます。貼り付けられたコンテンツは、以前のコンテンツを置き換えます。

  コピーしたセルの数が2番目のテーブルのセルの数より大きい場合、貼り付けると追加のアイテムが収まるように追加の行/列がテーブルに追加されます。

  テーブルのインポートとエクスポート

  CSVファイルをテーブルとしてFigJamに直接インポートできます。

  1. 上のツールバーのをクリックします。
  2. [ファイル] > [インポート] の順に移動します。
  3. CSVファイルを選択し、[開く] をクリックします。

  FigJamへのテーブルのインポートの詳細情報 →

  FigJamテーブルを画像、PDF、またはCSVファイルとしてエクスポートできます。これにより、FigJamの作品を他のツールやフォーマットに簡単に移動できます。

  1. エクスポートするテーブルを選択します。
  2. 以下のいずれかのオプションを使用して、エクスポートモーダルを開きます。
     • [選択内容をエクスポート]を右クリックして選択します。
     • ⌘ Command + ⇧ Shift + E (Mac)またはCtrl + ⇧ Shift + E (Windows)を押します。
  3. 形式を選択してから、[エクスポート]をクリックします。

  FigJamからのエクスポートの詳細情報 →

• FigmaとFigJamの両方での作業

  開始する前に必要な知識

  • すべてのチームまたはプランでサポートされます

  デザインを共有し、フィードバックを集め、リサーチを参照リソースとして組み込むことができます。FigJamファイルとデザインファイルの両方で作業する方法はいくつかあります。

  ヒント

  2つのファイルタイプ間でのコピーと貼り付けのサポートに重点的に取り組んできましたが、他に利用できるようにしたい機能がありましたら、是非ご連絡ください。皆様のご意見、フィードバックをFigma Support Forumで共有してください →

  コピーと貼り付け

  ファイル間でアセットをコピーアンドペーストすることで、デザインプロセスを進めることができます。

  デバイス間のコピーアンドペースト

  複数のデバイスで作業しているとき、iPadとコンピューターとの間でコピーアンドペーストを使ってFigmaやFigJamのコンテンツを移動できます。

  注: デバイス間でコピーアンドペーストするためには、Figmaモバイルアプリのバージョン22.9以降がインストールされている必要があります。また、両方のデバイスで同じアカウントにログインする必要があります。

  1. コピーするオブジェクトを選択します。
  2. オブジェクトをコピーします。
     • iPad: コピーをタップします。
     • デスクトップ: ⌘ Command + C (Mac)またはCtrl + C (Windows)を押します。
  3. 2番目のデバイスのアクティブなFigmaファイルまたはFigJamファイルに通知バナーがポップアップ表示されます。通知バナーの貼り付けを選択します。

  

  FigJamからFigma

  FigJamのすべてのオブジェクトをFigmaデザインファイルに貼り付けることができます。貼り付けられるオブジェクトでは、既存の色、形式、サイズ、レイアウトが維持されます。

  • FigJamボードのスタンプは、実際には画像です。スタンプをコピーしてFigmaファイルに貼り付けると、Figmaではスタンプが画像として扱われます。
  • ステッカーとコンポーネントは、Figmaデザインではインスタンスとして貼り付けられます。
  • マーカーで描画された線はすべて、線プロパティ付きのパスとして扱われます。オブジェクト編集モードで編集するか、線プロパティを調整することができます。
  • テキストはテキストとして貼り付けられ、リンクはリンク付きテキストとして貼り付けられます。
  • FigJamボードでもFigmaデザインキャンバスでもGIFは再生されませんが、FigJamからGIFをコピーできます。このようにコピーされたGIFはプレゼンテーションビューで再生されます。ブラウザからGIFをコピーすると、静的画像として貼り付けられます。アニメーションGIFの追加 →

  Figmaでは、FigJamファイルからの一部のオブジェクトが特殊オブジェクトとして認識されます。レイヤーパネルで、特殊オブジェクトは紫色で表示され、オブジェクトタイプ別の記号が付いています。

  • 付箋
  • テキストを含むシェイプ
  • 線とコネクター
  • テーブル

  特殊オブジェクトの編集

  キャンバス上での特殊オブジェクトの移動、反転、回転、再配置	✓
  特殊オブジェクトのスタイルプロパティ(色、タイポグラフィーなど)の調整	✓
  特殊オブジェクトの子レイヤーの選択、表示、編集	✕
  コンポーネントまたはインスタンスへの特殊オブジェクトの組み込み	✕

  注意

  Figmaデザインで特殊オブジェクトを処理するときにキーボードショートカットを使用すると、問題や予期しない結果が発生することがあります。

  プラグインは特殊オブジェクトを読み取ることができ、またキャンバス上でのこれらのオブジェクトの位置を変更できます。Figmaではプラグインと特殊オブジェクトの間のインタラクションの完全なテストを実施していないため、それ以外の動作は保証できません。

  FigmaからFigJam

  Figmaからレイヤー(フレーム、画像、コンポーネント、テキストレイヤー、リンクなど)をコピーしてFigJamに貼り付けます。

  FigJamファイルにはレイヤーパネルがないため、Figmaデザインファイルから貼り付けられるフレーム、コンポーネント、およびその他のレイヤーの中で選択できる内容が制限されます。

  FigJamファイルではほとんどのレイヤーを編集できますが、FigJamでは事前に用意されているツールとスタイル設定のみを使用できます。たとえば、FigJamの色とテキスト書式のオプションを使用するようにレイヤーを調整することだけが可能です。

  FigmaデザインのオブジェクトはFigJamの対応する要素に変換されません。たとえば、矢印はコネクターにはならず、カスタムベクターシェイプはテキストを含むシェイプにはなりません。

  FigJamのオブジェクト

  FigJamのオブジェクトをFigmaデザインにコピーして変更した場合、FigJamファイルにこれらのオブジェクトを戻すときに変更内容が維持されます。たとえば、付箋の色の変更や、コネクターの線の太さの調整などです。

  FigJam固有のスタイルを再び使用するようにオブジェクトを更新すると、Figmaデザインで適用したカスタムスタイルにアクセスするために、更新アクションを取り消すことはできません。

  メモ

  Figmaファイルから未公開のコンポーネントをコピーしてFigJamファイルに貼り付けると、オブジェクトは標準オブジェクトとして貼り付けられます。コンポーネントをライブラリに公開して、FigJamのライブラリからそのコンポーネントにアクセスすることをお勧めします。

  ライブラリの共有

  Figmaデザインでコンポーネントライブラリを作成し、FigJamファイルからそれらのライブラリにアクセスします。

  • ライブラリに関するガイド→
  • FigJamのライブラリ→
• FigJamの付箋

  付箋は、よく利用される物理的な付箋のバーチャル版です。シェイプ、コネクターと並んでFigJamボードの中心的な要素です。

  付箋は次の目的で使用します。

  • ブレインストーミングやピッチセッション
  • 振り返り
  • カンバン形式の予定リストまたはプロジェクト管理
  • 付箋を並べ替えて整理する
  • 考えていることをカラフルな付箋に書き出す

  メモ

  付箋に含めることができるのはテキストだけです。

  付箋の作成

  付箋は、ツールバーまたは既存の付箋から作成できます。

  ツールバーとショートカットを使用する方法

  

  1. ツールバーで付箋の束をクリックします。
  2. 付箋プレビューをボード上に移動し、位置を決めます。
  3. もう一度クリックして付箋をドロップします。

  ツールバーからボードに付箋をドラッグ&ドロップすることもできます。

  付箋がボードに貼り付けられたら、すぐに入力を開始してテキストを追加できます。

  メモ

  付箋の色は、Jamファイルを開くときにランダムに選択されます。ボードから付箋を選択するときに、設定バーで色を変更できます。ボードで付箋の色を変更すると、ツールバーで新しい付箋の束の色が変わります。

  キーボードショートカット

  キーボードショートカットを使用します。

  1. Sを押します。
  2. 付箋プレビューをボード上に移動し、位置を決めます。
  3. もう一度クリックして付箋をドロップします。

  クイックアクションバー

  1. 次のショートカットを使ってクイックアクションバーを開きます。

     Mac: ⌘ Command /

     Windows: Control /

  2. stickyと入力してReturnまたはEnterを押します。

  3. 付箋プレビューをボード上に移動し、位置を決めます。

  4. もう一度クリックして付箋をドロップします。

  既存の付箋からの作成

  クイック作成

  1. 既存の付箋を選択します。

  2. キーボードショートカットを使用します。

     Mac: ⌘ Command Return

     Windows: Control Enter

  元の付箋の横に新しい空白の付箋が表示され、テキストフィールドがアクティブになります。

  クイック作成の詳細はこちら →

  複製

  付箋を複製するには、次の手順に従います。

  • 既存の付箋を選択してから、キーボードショートカットを使用します。

    Mac: ⌘ Command D

    Windows: Control D

  • または、Altを押してから既存の付箋をクリックしてドラッグします。

  いずれの場合も、元の付箋がその中のテキストとともに複製されます。

  メモ

  テキストの大きさが原因でサイズが大きくなった付箋を複製してから、テキストを編集すると、テキストに合わせて付箋のサイズが変化します。

  コネクターの追加

  付箋の間にコネクターを追加することで、フロー図を作成したり、他のユーザーが辿るパスを作成したりできます。

  1. ツールバーのをクリックします。
  2. カギ線または直線のいずれかのコネクターを選択します。あるいは、キーボードショートカット⇧ Shift Cでカギ線コネクターを作成し、Lで直線コネクターを作成することもできます。
  3. クリックし、接続するオブジェクトの間でカーソルをドラッグします。

  コネクターが作成されたら、コネクターの開始点または終了点をクリックし、別のオブジェクトまたは同じオブジェクトの別の辺にドラッグできます。

  コネクターの作成の詳細はこちら →

  付箋へのユーザーの名前の追加

  付箋の下部にユーザーの名前が自動的に追加されます。これは、他のチームメンバーが各自の付箋をボードに追加するグループコラボレーションで便利です。デフォルトでは、付箋の名前はアカウント設定から取り込まれます。

  付箋で自分の名前を追加または削除するには、次の手順に従います。

  1. 付箋をボードに追加します。
  2. ツールバーのをクリックします。

  名前を削除するには、をもう一度クリックします。

  メモ

  他のユーザーの付箋からテキストをクリアすると、その付箋に自分の名前が追加されます。

  付箋の編集

  付箋の色、テキスト、テキストの書式を編集できます。選択した付箋のグループに対して編集を一括で実行することもできます。

  付箋を編集するには、次の手順に従います。

  1. 次のいずれかの方法で1つ以上の付箋を選択します。
     • 1つの付箋をクリックする
     • クリックして、複数の付箋の上でカーソルをドラッグする
     • Shiftを押しながら複数の付箋をクリックする
  2. テキストフィールドを編集するか、ツールバーを使用して色とテキスト書式を編集します。

  FigJamでのオブジェクト選択の詳細はこちら →

  テキストの書式設定

  付箋が選択されている状態で、付箋のツールバーを使用してテキストの書式を変更できます。このツールバーでは、テキストのサイズと太さの変更、リストの作成などを行うことができます。

  FigJamでのテキストの書式設定の詳細はこちら →

  色

  付箋の色を編集するには、次の手順に従います。

  1. 付箋を選択します。
  2. ツールバーの色選択機能をクリックします。
  3. 新しい色を選択します。

  複数の付箋を選択して付箋の色を一括で変更できます。FigJamでの色の使い方の詳細はこちら →

  メモ

  3色以上の付箋のグループを選択すると、色選択機能には選択されている色が2つまでしか表示されません。

  サイズ

  付箋の形は正方形と長方形(インデックスカードサイズ)の2種類です。付箋のサイズは、テキストコンテンツに応じて縦方向に変化します。端をドラッグして幅を広げることもできます。角をドラッグすると、サイズが均等に縮小拡大されます。テキストが含まれるシェイプは、テキストコンテンツに関わらず、サイズを拡大縮小できます。

  

  FigJamでのオブジェクトのサイズ変更の詳細はこちら →

  付箋の削除

  ボードから付箋を削除するには、次の手順に従います。

  1. 次のいずれかの方法で1つ以上の付箋を選択します。
     • 1つの付箋をクリックする
     • クリックして、複数の付箋の上でカーソルをドラッグする
     • Shiftを押しながら複数の付箋をクリックする
  2. Deleteを押します。
• テキストを含むシェイプを使用した情報の視覚化

  開始する前に必要な知識

  • 編集可アクセス権限があるユーザーは、テキストを含むシェイプを作成および編集できます。
  • テキストを含むシェイプは、FigJam (Figmaの新しいデジタルホワイトボードツール)で作成されます。

  シェイプについて

  FigJamのシェイプは、あらゆるプロジェクトの基本ツールです。シェイプのサイズ変更、回転、破線または実線のアウトラインの追加が可能です。

  シェイプは次の用途に適しています。

  • 図表
  • フローチャート
  • ユーザージャーニーとユーザーフロー
  • サイトマップ
  • データフロー図
  • テキストを含むシェイプを使ってできるあらゆる操作

  デフォルトのシェイプのタイプ

  

  • 正方形
  • 楕円
  • 三角形(下向きおよび上向き)
  • ひし形
  • 角丸長方形
  • 平行四辺形(右および左に傾いた平行四辺形)
  • 円柱
  • 横向きの円柱
  • ファイル
  • フォルダ

  シェイプの作成

  シェイプを作成する方法はいくつかあります。ツールバーまたはボード上の既存のシェイプから作成します。

  ツールバーからの作成

  

  1. [シェイプ]ツールの横にあるをクリックしてシェイプを選択します。
  2. シェイププレビューをボード上に移動し、位置を決めます。
  3. もう一度クリックしてシェイプをドロップします。

  ツールバーからボードにシェイプをドラッグ&ドロップすることもできます。

  ショートカット

  次のキーボードショートカットを使用します。

  • 正方形: R
  • 楕円: O

  メモ

  その他のシェイプのキーボードショートカットはありません。

  クイックアクション

  次の手順でクイックアクションバーを開きます。

  1. キーボードショートカットを使用します。
     • Mac: ⌘ Command /
     • Windows: Control /
  2. rectangleやdiamondなどのシェイプ名を入力し、ReturnまたはEnterを押します。
  3. シェイププレビューをボード上に移動し、位置を決めます。
  4. もう一度クリックしてシェイプをドロップします。

  既存のシェイプからの作成

  クイック作成

  1. シェイプを作成するか、既存のシェイプを選択します。
  2. キーボードショートカットを使用します。
     • Mac: ⌘ Command Return
     • Windows: Control Enter

  元のシェイプの横に新しいシェイプが表示されます。

  クイック作成の詳細はこちら →

  複製

  シェイプを複製するには、次の手順に従います。

  既存のシェイプを選択してから、キーボードショートカットを使用します。

  • Mac: ⌘ Command D Windows: Control D
  • または、Altを押しながら既存のシェイプをクリックし、ドラッグします。

  いずれの場合も、元のシェイプとその中のテキストが複製されます。

  コネクターの追加

  テキストを含むシェイプの間にコネクターを追加することで、フローを描画したり、他のユーザーが辿るパスを作成したりすることができます。

  1. ツールバーのをクリックします。
  2. カギ線または直線のいずれかのコネクターを選択します。あるいは、キーボードショートカットXまたは⇧ Shift Lでカギ線コネクターを作成し、Lで直線コネクターを作成することもできます。
  3. クリックし、接続するオブジェクトの間でカーソルをドラッグします。

  コネクターが作成されたら、コネクターの開始点または終了点をクリックし、別のオブジェクトまたは同じオブジェクトの別の辺にドラッグできます。

  コネクターの作成の詳細はこちら →

  シェイプの編集

  色

  ツールバーの色選択機能を使用して、シェイプの色や不透明度を変更できます。

  シェイプの色を編集するには、次の手順に従います。

  1. シェイプを選択します。
  2. ツールバーの色選択機能をクリックします。
  3. 新しい色と塗りのオプションを選択します。

  FigJamでの色の使い方の詳細はこちら →

  ヒント

  複数のシェイプを選択して、シェイプの色を一括で変更できます。FigJamでのオブジェクトの選択方法はこちら →

  サイズ

  シェイプのサイズを変更する方法は2通りあります。

  • 角をドラッグする。サイズを均等に拡大縮小するには、シェイプの角をドラッグします。シェイプの縦横比は維持されますが、サイズが変更されます。
  • 辺をドラッグする。シェイプの幅または高さのみを変更するには、シェイプの辺をドラッグします。この方法では、正方形を長方形にしたり、真円を楕円にしたりできます。

  テキストを含むシェイプのサイズを変更すると、テキストが占有するスペースが変化しますが、テキストのサイズは変化しません。テキストのサイズを変更するには、ツールバーのテキストサイズオプションを使用します。

  FigJamでのオブジェクトのサイズ変更の詳細はこちら →

  テキスト

  テキストを含むシェイプが選択されている状態で、シェイプのツールバーを使用してテキストの書式を変更できます。このツールバーでは、テキストのサイズと太さの変更、リストの作成などを行うことができます。

  FigJamでのテキストの書式設定の詳細はこちら →

  回転

  シェイプを回転するには、次の手順に従います。

  1. 回転するシェイプを選択します。
  2. カーソルがになるまで、角付近でカーソルを動かします。
  3. カーソルをクリックし、シェイプを回転する方向にドラッグします。

  シェイプを回転すると、シェイプのコンテンツも一緒に回転します。

  FigJamでのオブジェクトの回転の詳細はこちら →

  メモ

  シェイプは一度に15度ずつ回転できます。シェイプをこれよりも小さい角度で回転することはできません。

• コネクターと線による図表とフローの作成

  開始する前に必要な知識

  • 編集可の権限があるユーザーは、コネクターを作成して編集できます。
  • この記事では、Figmaの新しいデジタルホワイトボードツールであるFigJamの線について説明します。線は、デザインファイルの直線のベクターパスです。また、Figmaにはプロトタイプコネクションもあります。

  FigJamでは、ボード上で線を使用して、シェイプと付箋の間のパスを作成したり、順序を示したり、注釈を付けたりすることができます。線ごとに色、テキスト、終了点、線幅をカスタマイズできます。

  

  線の形は次の2種類です:

  • カギ線コネクターでは、ボード上でオブジェクトを迂回して、別のオブジェクトへの直線でないパスを作成できます。
  • 直線では、ボード上の別のオブジェクトへの直接的なパスを作成できます。

  線を作成する

  線は既存のシェイプと付箋にスナップされます。シェイプをボード上で移動すると、シェイプと線が一緒に移動します。

  1. ツールバーでをクリックします。
  2. カギ線コネクターか直線のいずれかのシェイプを選択します。キーボードショートカットXまたは⇧ Shift Lを使用して、カギ線コネクターを作成できます。直線の場合はLを使用します。
  3. 接続するオブジェクトの間でカーソルをクリックしてドラッグします。

  線を作成したら、開始点または終了点をクリックして、他のオブジェクト、または同じオブジェクトの他の側面にドラッグできます。

  ヒント!

  クイック作成を使用してシェイプをボードに追加すると、コネクターが自動的に追加されます。

  線を移動する

  線をボード内で動かして、他のオブジェクトに接続できます。線のパスを移動してフローを改良したり、ボードに他のオブジェクトを配置するスペースを作ったりすることができます。

  開始点と終了点を移動する

  線の開始点と終了点をオブジェクトの側面にスナップすると、1回でポイントの1つを他のオブジェクト、または同じオブジェクトの別の側面に移動できます。

  1. 線のパスの任意の場所をクリックします。
  2. 移動するポイントの青の点をクリックしてドラッグします。
  3. 他のオブジェクトの側面にこれをスナップします。

  線の開始点または終了点をボードのオブジェクトに接続せず、後でコネクションを完了するか、そのまま放置しておくことができます。

  線全体を移動する

  線全体を移動するには、まず開始点と終了点を接続先のオブジェクトからすべて切り離す必要があります。切り離した後の手順は次のとおりです:

  1. ボードから線を選択します。
  2. 新しい場所に線をドラッグします。
  3. 必要に応じて、開始点と終了点をオブジェクトに接続します。

  パスをカスタマイズする

  カギ線コネクターのパスは、いつでもカスタマイズできます。ボード上の他のオブジェクトの周囲に複数のパスを作成して楽しむことができます。手順は次のとおりです:

  1. カギ線コネクターを選択します。
  2. 移動する部分のパスのハンドルをドラッグします。

  コネクターの開始および終了部分では、ドラッグするとパスに余分な部分が追加される場合があります。

  

  線をカスタマイズする

  最初にファイルを作成したり開いたりするときに、線のスタイルは既定のプロパティに設定されています。たとえばグレー、テキストなし、実線のパスです。ボードに線を追加すると、ツールバーを使用してテキスト、色、線のスタイル、終了点を変更できます。

  FigJamでは、ファイルで最近作業したときに最後に使用した線のスタイルがすべて記録されています。

  

  色

  線のパスを別々の色にして、フロー、パス、またはワークストリームを区別します。

  1. 線を作成または選択します。
  2. 色選択機能をクリックします。
  3. 新しい色を選択します。

  FigJamでの色の使い方の詳細はこちら→

  線のスタイルと線

  線は、実線と破線のどちらかを選ぶことができます。切り替え手順は次のとおりです:

  1. 線を作成または選択します。
  2. 線のツールバーでをクリックします。
  3. 実線と破線のどちらかを選択します。

  線

  線は、太い線と細い線の2種類を選択できます。線の線幅を変更する手順は次のとおりです:

  1. 線を作成または選択します。
  2. 線のツールバーでをクリックします。幅は、デフォルトで細いに設定されます。
  3. 線に適用する幅をクリックします。

  テキスト

  線のパスにはテキストラベルを追加できます。

  パスにテキストを追加する手順は次のとおりです:

  1. 線を作成または選択します。
  2. 線のツールバーでをクリックします。
  3. テキストを追加します。

  コネクターのテキストラベルに新しい行を追加するには、Return/Enterを使用します。

  メモ

  線では、テキストを太字にするか、取り消し線を付けることしかできません。

  テキストを移動する

  テキストラベルを、線のパスに沿って見やすい場所にドラッグします。この操作は、線の長さがラベルの移動に十分な場合にのみ実行できます。

  

  テキストの背景を表示する

  線にテキストを追加するときに、背景のオンとオフを切り替えることができます。手順は次のとおりです:

  1. 線を作成または選択します。
  2. をクリックしてラベルを追加してから、テキストを追加します。デフォルトでは背景がオフに切り替えられます。
  3. ツールバーの色選択機能をクリックします。
  4. をクリックして、テキストの背景を表示します。

  メモ

  テキストの背景色は線の色と同じです。線とテキストの背景を異なる色にすることはできません。

  FigJamのテキストの詳細はこちら→

  開始点と終了点のスタイル

  線の点には5種類のスタイルがあり、パスの方向の定義に便利です。

  • なしでは、点にスタイルが設定されません。線の開始点と終了点であることのみが示されます。
  • 単色と線の矢印の場合、線の外側に向いた単色または線の三角形が、点に表示されます。
  • 三角形の場合、線の内側に向いた単色の三角形が、点に表示されます。
  • ひし形の場合、点にひし形が表示されます。

  線の作成時に、その開始点と終了点のスタイルをツールバーで個別に設定できます。

  1. 線を作成または選択します。
  2. 必要に応じて、線のツールバーを使用してスタイルを設定します。

  線の開始点と終了点を一括編集するには、⇧ Shiftクリックを使用して複数の線を選択します。

  

• FigJamのクイック作成による作成作業のスピードアップ

  クイック作成は、ブレインストーミングや図表作成の作業のスピードアップに役立つショートカットのセットです。

  クイック作成は、次のように使用できます。

  • 少ないクリック操作とツールバー操作でボードに付箋やシェイプを追加する
  • テキストフィールドがアクティブな状態で付箋やシェイプを作成してテキストを追加し、次のシェイプを迅速に作成し、操作を繰り返す
  • 新しいシェイプの作成時に、それらのシェイプの間にコネクターを自動で追加する

  メモ

  ロックされている付箋やシェイプにはクイック作成を使用できません。

  付箋のクイック作成

  

  キーボードショートカット

  1. 付箋をボードに追加します。
  2. ⌘ Command Return / Control Enterを押します。

  新しい付箋が右側に作成され、テキストフィールドがアクティブになります。

  既存の付箋からのクイック作成

  ボード上の付箋の端をポイントすると、クイック作成アイコンが表示されます。このアイコンを使用して、その方向に新しい付箋を作成できます。ボード上の付箋の上下左右に新しい付箋を作成できます。

  1. 付箋をボードに追加します。
  2. 付箋の辺をポイントすると、クイック作成アイコンが有効になります。
  3. をクリックすると、その方向に新しい付箋が作成されます。またはプレビューをボード上の任意の位置にドラッグします。

  新しい付箋が作成され、そのテキストフィールドがアクティブになります。

  メモ

  クイック作成アイコンをクリックしてドラッグすると、元の付箋と新しい付箋の間にコネクターが追加されます。キーボードショートカットを使用する場合は、コネクターは追加されません。

  シェイプのクイック作成

  

  キーボードショートカット

  1. シェイプをボードに追加します。
  2. ⌘ Command Return / Control Enterを押します。

  コネクター付きの新しいシェイプが右側に作成され、そのテキストフィールドがアクティブになります。

  正符号

  シェイプの辺をポイントすると、クイック作成アイコンが表示され、新しいシェイプやコネクターをその方向に作成できます。シェイプの上下左右に新しいシェイプを作成できます。

  1. シェイプをボードに追加します。
  2. シェイプの辺をポイントすると、クイック作成アイコンが有効になります。
  3. をクリックすると、その方向に次のシェイプが作成されます。またはプレビューをボード上の任意の位置にドラッグします。

  コネクター付きの新しいシェイプが作成され、そのテキストフィールドがアクティブになります。

• FigJamでのステッカーとライブラリの使用
  開始する前に必要な知識

  • FigJamはFigmaの新しいデジタルホワイトボードツールです。
  • FigJamファイルの編集可アクセス権があるユーザーは、ライブラリを使用できます。

  FigJamのライブラリにより、チームやFigmaコミュニティのメンバーが作成したステッカーやコンポーネントをボードに追加できます。

  • ステッカーは、Figmaが提供するデフォルトのオブジェクトであり、FigJamボードに追加できます。ステッカーを使ってボードにセンスとリアクションを加えましょう。
  • コンポーネントは、Figmaデザインでユーザーやチームが作成する再利用可能なデザイン要素です。コンポーネントの詳細はこちら →

  コンポーネントを作成するには

  コンポーネントはFigmaデザインでのみ作成できます。作成したコンポーネントは、FigJamとFigmaのいずれのデザインファイルでもアクセスして使用できます。

  ライブラリの使用

  ライブラリから、Figmaで事前に用意されているステッカーとチームのコンポーネントにアクセスします。

  ライブラリの参照

  ライブラリを参照するには、次の手順に従います。

  1. ツールバーにある最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。

     ヒント!キーボードのショートカットで⌥ Option2 / Alt2 を押しても、モーダルを開くことができます。

  2. [ステッカー]タブを選択します。
  3. ステッカーやコンポーネントを検索するか、ライブラリを参照します。
  4. ライブラリでオブジェクトをクリックして、ボードにドラッグします。

  ヒント

  ライブラリの[最近]セクションのステッカーを右クリックし、 [このセットのステッカーを表示] を選択して、このステッカーのあるライブラリに移動します。

  バリアントの選択

  コンポーネントにバリアントがある場合は、インラインメニューからバリアントを選択できます。

  1. コンポーネントをボードに追加します。
  2. バリアントがある場合は、選択するとメニューが表示されます。
  3. をクリックしてメニューを開き、バリアントを選択します。

  ライブラリをボードに固定

  FigJamでライブラリを開くと、最初はボードの上にフロート表示されます。オブジェクトをボードにドラッグすると、ライブラリは非表示になります。

  複数のオブジェクトを参照するときにライブラリを開いたままにしておくには、ボードのいずれかの側にライブラリを固定します。

  1. ツールバーの最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。

     ヒント!キーボードのショートカットで⌥ Option2 / Alt2を押しても、モーダルを開くことができます。

  2. [端に固定]をクリックすると、左側に自動的に固定されます。

  ライブラリの管理

  Figmaの組み込みステッカーの他に、標準コンポーネントライブラリをFigJamファイルに追加できます。各ファイルで使用可能にするライブラリを選択できます。

  ライブラリの追加

  ライブラリをすべてのファイルに追加するには

  ライブラリをすべてのFigJamファイルで使用可能にするため、チーム管理者がチームのすべてのFigmaデザインファイルまたはFigJamファイルのライブラリを切り替えることができます。チームファイルでのライブラリの有効化 →

  1. ツールバーの最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。
  2. [ステッカー]タブを選択します。
  3. [ライブラリ]の下の [自分のライブラリを追加]をクリックして、ライブラリを追加します。
  4. [ライブラリの管理]から、アクセスできるライブラリを確認できます。 [検索]フィールドを使用して特定のライブラリを検索するか、使用可能なライブラリのリストを参照します。
  5. [ファイルに追加]をクリックして、現在のファイルでそのライブラリを使用できるようにします。

  ライブラリの更新

  ボードで更新されたインスタンスを表示するには、公開済みライブラリからの更新を受け入れます。

  FigJamでライブラリを更新するには、次の手順に従います。

  1. ツールバーの最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。
  2. コンポーネントのアップデートを通知するバナーが表示されます。
  3. [更新]をクリックして、FigJamで変更を受け入れます。

  ライブラリの削除

  今後ライブラリをファイルに表示しない場合は、ライブラリを削除できます。この操作では、このファイルからライブラリが削除されるだけであり、ボードに追加したコンポーネントは削除されません。

  1. ツールバーの最近使用したアイコンにマウスカーソルを合わせ、[詳細]ボタンをクリックし、モーダルを開きます。
  2. [ステッカー]タブを選択します。
  3. [ライブラリ]の下の [自分のライブラリを追加]をクリックして、ライブラリを追加します。
  4. [ライブラリの管理]から、アクセスできるライブラリを確認できます。 [検索]フィールドを使用して特定のライブラリを検索するか、使用可能なライブラリのリストを参照します。
  5. 追加したライブラリはすべて、モーダル上部に表示されます。削除するライブラリの[追加済み]ボタンをポイントします。
  6. このファイルでのみライブラリを削除するには、[削除]をクリックします。

  ステッカーライブラリを削除するには

  現在、Figmaのデフォルトのステッカーをライブラリから削除したり、ステッカーの表示順を変更したりすることはできません。

• 描画ツールを使用したFigJamでの手書きの線とハイライト

  FigJamのマーカーツール、蛍光ペンツール、和紙テープツールを使用して、ボードや他のオブジェクトに描画できます。これらのツールにより、楽しく個性を発揮しながら、ボード上のアイテムを目立たせたり、手書きで自由に描いたりすることができます。たとえば次のように使用できます。

  • FigJamでメモを作成し、重要な点をハイライトする
  • 評価セッションでデザインに注釈を付ける
  • チームと一緒に手書きで絵を描く
  • カスタム和紙テープパターンをボードに追加する

  

  マーカーツール

  手書きの線の作成

  マーカーツールを使って手書きの絵を描くには、次の手順に従います。

  1. ツールバーの描画ツールをクリックしてマーカーツールを選択するか、Mを押します。
  2. 色と線の太さ([細]または[太])を選択します。これは手書きの線を描いた後でいつでも変更できます。
  3. ボード上でクリックしてドラッグし、手書きの線を描きます。

  手書きの線を直線にするには、Shiftキーを押しながら線を描きます。

  マーカーツールは、別のツールを選択するかEscキーを押すまでアクティブです。デフォルトでは、マーカーで描画される線は細い灰色です。

  メモ

  マーカーを使った手書きの線は、ボード上では個別のオブジェクトであり、シェイプや付箋に含めることはできません。必要に応じて手書きの線と他のオブジェクトをグループ化できます。FigJamでオブジェクトをグループ化する方法はこちら →

  手書きの線の編集

  色と太さの変更

  マーカーによる手書きの線の色と太さはいつでも変更できます。

  1. 移動ツールVがアクティブな状態で、ボードで手書きの線を選択します。
  2. 色選択機能をクリックして色を変更するか、をクリックして線の太さを変更します。

  手書きの線のサイズ変更

  手書きの線のサイズを変更するには、手書きの線のバウンディングボックスの辺または角をドラッグします。直線の場合は長さのみを変更できますが、その他の手書きの線は縦横比を維持したままサイズが変更されます。

  

  手書きの線の削除

  マーカーによる手書きの線を削除するには、次の手順に従います。

  1. 削除する手書きの線を選択します。
  2. DeleteまたはBackspaceを押します。

  消しゴムツールを使用してマーカーの線を削除することもできます。

  FigJamでのオブジェクトの選択方法はこちら →

  蛍光ペン

  

  ハイライトの作成

  ボードでハイライトを引くには、次の手順に従います。

  1. ツールバーの描画ツールをクリックして蛍光ペンを選択するか、⇧ Shift Mを押します。
  2. 色と線の太さ ([細]または[太])を選択します。これはハイライトを引いた後でいつでも変更できます。
  3. ボード上でクリックしてドラッグし、ハイライトを引きます。ハイライトを直線で引くには、Shiftを押したままドラッグします。

  蛍光ペンツールは、別のツールを選択するか、Escキーを押すまでアクティブです。

  蛍光ペンは半透明です。ハイライトを濃くするには、その上でハイライトをもう一度引くか、ハイライトを複製します。ハイライトをさらに濃くするには、この操作を繰り返します。

  

  ヒント

  すべてのオブジェクト(付箋や画像など)では、その上でハイライトを引くと、ハイライトがオブジェクトにくっついた状態になります。ボード上でオブジェクトを移動すると、ハイライトはオブジェクトとともに移動します。

  ハイライトの編集

  色と太さの変更

  ハイライトの色と太さ(線の太さ)はいつでも変更できます。

  1. 移動ツールVがアクティブな状態で、ボードで1つ以上のハイライトを選択します。
  2. 色選択機能をクリックして色を変更するか、をクリックして線の太さを変更します。

  複数レイヤーの選択方法はこちら →

  ハイライトのサイズ変更

  1. 1つ以上のハイライトを選択します。
  2. バウンディングボックスのハンドルまたは辺をドラッグして、サイズを変更します。

  直線のハイライトは長さのみを変更できます。その他のハイライトは縦横比を維持したままサイズが変更されます。

  ハイライトの削除

  ハイライトを削除するには、次の手順に従います。

  1. 削除するハイライトを1つ以上選択します。
  2. DeleteまたはBackspaceを押します。

  消しゴムツールを使用して蛍光ペンの線を削除することもできます。

  和紙テープ

  

  和紙テープを使ってボードに個性を出してみましょう。FigJamで用意されているデザインを使用するか、独自の画像をアップロードして、カスタムパターンを作成できます。

  和紙テープを使用するには、次の手順に従います。

  1. 描画ツールメニューをクリックして、[和紙テープ]をクリックするかWを押します。
  2. 和紙テープのデザインを選択するか、をクリックして画像をアップロードします。
  3. ボード上のテープを追加する位置でクリックしてドラッグします。

  ファイルのタブを閉じたり更新したりした後は、カスタムパターンが和紙テープツールバーに保存されません。後で使用するときに再び画像をアップロードする必要があります。

  ヒント

  Figmaデザインを使用して、ボードに使用する高解像度のカスタム和紙テープパターンを作成できます。この場合、画像の高さを224pxに指定します。

  消しゴムツール

  ハイライトやマーカーによる手書きの線を消すには、次の手順に従います。

  1. ツールバーの描画ツールをクリックして消しゴムツールを選択するか、次のキーボードショートカットを押します。
     • Mac: ShiftDelete
     • Windows: ShiftDeleteまたはShiftBackspace
  2. 削除する手書きの線またはハイライトの上で、クリックするか、クリックしてドラッグします。

  消しゴムツールは、別のツールを選択するかEscを押すまでアクティブです。