Related Videos

• アクセシブルなFigJamボードを作成する

  障がいにはさまざまなタイプがあり、私たちの周りの世界を見る、聞く、話す、触れる、理解する手段に影響を与える可能性があります。障がいには永久的(視覚障がいなど)、一時的(腕の骨折、失声など)または状況によるもの(運転時の視界不良など)があります。障がいは人間であることの一部です。ほとんどの人がその生涯のある時期において一時的または永久的に障がいを経験します。

  FigJamボードにインクルーシブな環境をつくるとなれば、一緒に作業する同僚の明らかに分かる制約よりも先のことを考えることが重要です。スクリーンリーダーを使う人、書くときに色々必要になる人、会議中に自分の考えを述べるのに時間がかかる人もいます。

  当社は、FigJamを使用する際に心に留めておくいくつかのベストプラクティスをまとめました。このリストがすべてを網羅しているわけではなく、Figmaは誰でもアクセシブルなものになる方法を引き続き模索していくため、この記事も更新していきます。

  スクリーンリーダーによるFigJamの使用方法はこちら→

  グループコンテンツにセクションを使用する

  FigJamボードをセクションに整理します。これにより、スクリーンリーダーを使用するコラボレーターが移動してボードのコンテンツを使うのが簡単になります。

  セクションを追加するには:

  1. 下のツールバーのをクリックするか、キーボードのショートカット⇧ShiftSを使用します。
  2. セクションを追加するボードの場所でクリックして四角のセクションを作成するか、クリックしてからドラッグしてカスタムサイズのセクションを作成します。

  セクション使用の詳細はこちら→

  ボードを均等配置する

  付箋やシェイプなどのオブジェクトを、列と行からなる均等グリッドで並べ替えて整理するには、均等配置を使用します。これにより、スクリーンリーダーを使用するコラボレーターが移動し、ボードを視覚的にスキャンする人の認知負荷を軽減できます。

  均等配置を行うには:

  1. ボードのオブジェクトを3つ以上選択します。
  2. セクションのツールバーのをクリックします。

  オブジェクトの配置、均等配置、整理方法はこちら→

  順序を表すために番号付きリストを使用する

  装飾的な番号、ステッカー、図像を使用せずにアイテムを番号順にするには、テキストボックス内の番号付きリストを使用します。図像は視覚的な参照に依存しますが、ステッカーはスクリーンリーダーで判読できないことがあります。そのどちらも、構造に関する情報解析するために支援技術を使用する人にとっては難しいです。しかし、テキストベースの番号付きリストにはコンテンツの構造に関する正確な情報が記載されています。

  FigJamの番号付きリスト作成方法はこちら→

  代替テキストを画像に追加する

  画像やGIFをスクリーンリーダーを使用する人や視覚障がいのある人に説明するには、代替テキストを使用します。このテキストは意味のある画像をすべて説明し、キーボードやスクリーンリーダーで移動する人がそのビジュアルが伝えようとしていることを理解できるようになります。

  代替テキストを追加するには:

  1. 画像またはGIFを選択します。
  2. [代替テキスト]をクリックします。
  3. 説明を追加します。
  4. Return/Enterを押します。

  FigJamでの画像使用の詳細はこちら→

  空白に入力する

  作業中、参加者に空白に入力してもらう場合は、アンダースコアを使って空白を知らせるようにします。これで、センテンスにある欠落したテキストのように見える意図的な空白を、スクリーンリーダーを使用する人に伝えます。

  音楽でスクリーンリーダーが聞こえなくなる

  FigJamの音楽機能を使用すると、スクリーンリーダーを聞くのが妨げられたり、聞きづらくなることがあります。

  色の使用

  色の使用に関する考慮事項:

  • セクションや付箋のFigJamプリセットカラーは、アクセシビリティを考慮して構築されています
  • 通常、付箋のテキストは黒で、プリセットカラーとペアリングしているため、コントラストの問題を気にする必要はありません
  • テキストツールでカスタムカラーを使用する場合、テキストには背景の色に対して適切なコントラストを設定する必要があります
  • セクションにカスタムカラーを使用する場合は、コンテンツに対して十分なコントラストを設定する必要があります
  • フォント色の変更は避ける
  • 色覚障がいのある人に問題となることがあるため、赤やピンクや緑のテキストは避けましょう
  • 迷ったときは、オンラインで見つかるカラーコントラストチェッカーを使用しましょう
  • 光に過敏なユーザーの場合は、暗い背景を使用しましょう

  マルチプレイヤーカーソルをオフにする

  マルチプレイヤーカーソルは、動きに敏感な人にとって気が散り作業に影響することがあります。他のチームメンバーのアクションに気を取られたくない場合は、自分のビューから他のユーザーのカーソルを非表示にできます。

  1. (ツールバーのズームレベルから)[ズーム/表示オプション]メニューを開きます。
  2. [マルチプレイヤーカーソル]オプションの横のチェックがオフの場合は、オンにして表示させます。
  3. チェックがオンになっていて既に表示されている場合は、[マルチプレイヤーカーソル]をもう一度クリックして非表示にします。
  4. キーボードのショートカット⌥Option⌘Command\またはControlAlt\を使用してマルチプレイヤーカーソルを切り替えることもできます。

  カーソルチャットを避ける

  カーソルチャットは、スクリーンリーダーで読むことはできず、メッセージが消えるまでのタイミングで読むのが難しい人もいます。ボードにメッセージを追加する場合は、コメントの使用をお勧めします。

  FigJamへのコメント追加方法はこちら→

  スタンプを使用する

  ステッカーは、FigJamボードをパーソナライズする最適な方法ですが、必ずしもスクリーンリーダーで読みやすいとは限りません。ボードに何かリアクションを加えたい場合は、スタンプホイールを使用しましょう。

  1. スタンプツールを選択します。これを行うには、いくつかの方法があります:

     • ツールバーのをクリックします。
     • キーボードのショートカットEを押します。
     • ボードを右クリックして[スタンプ]を選択します。
     • をクリックして[スタンプ]を選択します。

  2. スタンプホイールから自分が選んだスタンプをクリックします。

  3. ボードまたはオブジェクトをクリックしてスタンプ配置します。

  スタンプ使用の詳細はこちら→

  テキストの使用

  テキスト使用に関する考慮事項:

  • 大きなブロックのテキストは避ける: ボードのテキストを複数の付箋に分けるか、箇条書きのリストを使うことを検討しましょう
  • シンプルなフォントを使用する: 筆記体のフォントは避け、FigJamにあるシンプルな本で使われるような、テクニカルなフォントを使用しましょう
  • 大きなフォントを使用する: テキストを読むのに拡大できない人にも読めるように、フォントのサイズを大きくしましょう

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

  指示を与える

  あなたとコラボレーションする人が誰でもデジタルホワイトボードを使ったことがあるとは限りません。使用経験があったとしても非常に用途が広く、あなたのファイルに対してコラボレーターにしてほしいことを正確に理解するのは難しいかもしれません。チームが楽にタスクをこなしていくには、各作業に対して専用セクションに指示をしましょう。

  タイマーの使用

  ボードを移動したり自分の入力をするためにもっと時間が必要だと思っている同僚がいるかもしれないので、選択肢を与えて非同期的にボードに貢献したりセッションの時間をさらに増やします。

  FigJamでのタイマー使用の詳細はこちら→

• スクリーンリーダーでFigJamを使用する

  はじめに

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

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

  編集可アクセス権があれば、誰でもボードにオブジェクトを追加できます。

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

  デスクトップデバイス上のスクリーンリーダーを使用し、FigJamファイル内での移動、編集を行うことができます。

  • ボード、そのオブジェクト、そのメニューの周囲にフォーカスを移動できます
  • セクション、付箋、シェイプ、代替テキストなど、オブジェクトのコンテンツを読み取れます
  • オブジェクトとその内容を作成、編集できます

  アクセシビリティ対応のFigJamボードの作成方法についてはこちら →

  スクリーンリーダー設定

  デフォルトではスクリーンリーダーはFigJamボードにアクセスできません。アクセスできるようにするには以下の手順に従ってください。

  1. Macでは⌘Command/または⌘CommandP を押すか、WindowsではControl/とControlPを押して、クイックアクションメニューを開きます。
  2. 「Accessibility setting」と入力し、Return/Enterキーを押します。

  これにより、アクセシビリティ設定ダイアログが開きます。ここで、FigJamボードのコンテンツのアクセシビリティを有効にできます。

  注意: FigJamをボードからアクセスできるようにするために、特定のWeb HTMLタイプを使用しています。そのため、お使いのスクリーンリーダーがグループ、領域、見出し、テキストを読み取れるようにしてください。

  FigJamファイル内の移動

  FigJamファイルには、いくつかのトップレベルの領域があります。キーボードショートカットを使用して、フォーカスを動かすことができます。

  領域にフォーカスするには以下の方法に従ってください。

  • Mac: ⌘Command⌃Control→
  • Windows: ControlF6

  前の領域にフォーカスを戻すには以下の方法に従ってください。

  • Mac: ⌘Command⌃Control←
  • Windows: ShiftControlF6

  領域には次の要素があります。

  • ボード: これはFigJamボード自体であり、ここにはセクション、付箋、テキストなどのオブジェクトが含まれています。
  • 選択プロパティメニュー: この領域は、ボード上でオブジェクトが選択されている場合に表示され、さまざまなプロパティ (フォント、カラーなど) を変更するボタンが表示されます。ボード上で何も選択されていない場合、この領域は使用できず、オブジェクトを移動するときにスキップされます。
  • 展開されたコメントスレッド: 選択されたコメントスレッドがある場合、このダイアログが使用可能になります。そこには、選択したコメントスレッドの内容が含まれます。
  • ヘルプウィジェット: Figma ヘルプセンターやキーボードショートカットなど、FigJamを使用するためのリソースと参照が含まれるで折りたたみ可能なメニューです。
  • 作成ツール: 使用中の作成ツールを切り替えるボタンのあるツールバー。このツールバーは主にマウスで使用することを目的としているため、キーボードのみを使用するユーザーには、Macの場合は⌘Command/または⌘CommandP、Windowsの場合はControl/とControlPを押して、クイック アクションメニューを使用してノードを作成することをお勧めします。
  • トップツールバー: 折りたたみ可能なメインメニュー、ファイル名、音声通話、共有、ファイルの表示オプション変更のためのエントリーポイントを含むツールバーです。最初のボタンはFigmaメニューです。メインメニューを移動するには、↑キーと↓キーを使用します。EnterまたはSpaceでメニューオブジェクトを選択したりサブメニューを開いたりすることができます。サブメニューを閉じるには、Tabを使用します。

  ボード内の移動

  ボードには、作業者やその共同編集者が作成したすべてのコンテンツが含まれています。付箋、シェイプ、画像などのオブジェクトは2Dボード上のどこにでも配置でき、セクションで整理できます。セクション内に配置されたオブジェクトはそのセクションの子とみなされ、オブジェクト同士は兄弟とみなされます。ボード上に直接配置された (セクション内にネストされていない) オブジェクトもすべて、互いに兄弟とみなされます。

  キーボードショートカットを使用してオブジェクトを選択して、オブジェクトを移動するには、以下の方法に従ってください。

  • Tabキーで次の兄弟オブジェクトを選択します
  • ⇧ShiftTabで前の兄弟オブジェクトを選択します
  • テキストを編集している場合は、Tabキーを押すことで、ボード上の次の編集可能なテキストフィールドを選択できます

  注意

  Tabキーを押しても、異なる階層内のオブジェクトは選択されません。

  • 現在選択されている親オブジェクト内の子をすべて選択するには、Return/Enterを押します。
  • ShiftReturn/Enterを押せば、現在選択されている子オブジェクトの親を選択できます。

  ボードへのオブジェクトの追加

  クイックアクションメニューからボードにオブジェクトを追加します。クイックアクションを使うと、キーボードのみの使用で、設定の更新や、アクションの実行が可能となります。これには、キーボードショートカットを持たないアクションや設定が含まれます。

  クイックアクションメニューにアクセスするには、Macの場合、⌘Command/または⌘CommandPを、Windowsの場合はControl/またはControlPを押します。

  注意

  クイックアクションメニューにアクセスするショートカットは、キーボードのレイアウトによって異なります。クイックアクションメニューの使用方法についての詳細についてはこちら→

  オブジェクトを作成するには、クイックアクションメニューに「Create new <オブジェクトタイプ>」と入力し、Enterキーを押します。たとえば、新しい付箋を作成する場合は「Create new sticky note」と入力し、Return/Enterキーを押します。

  新しいオブジェクトは画面の中央に作成されます。いずれかのセクションが選択されている場合は、そのセクションの中央に作成されます。

  オブジェクトを選択している場合、⌘CommandReturn/ControlEnterを押して、元のオブジェクトの隣に、そのオブジェクトの新しいインスタンスを作成することもできます。

  ヒント

  クイックアクションを開くと、そのセッション中に実行した最新の3つのアクションが表示されます。最近のアクションは、タブを閉じるかファイルから離れることでリセットされます。最近のアクション間で移動するには↑と↓のキーボードショートカットを、それらを再度実行するにはReturn/Enterを使用します。

  スタンプやコメントの追加

  スタンプやコメントなどの、別のオブジェクトに貼り付けるオブジェクトを作成できます。

  スタンプ

  Eを押してスタンプホイールを有効化します。次に、特定のスタンプにフォーカスし、Return/Enterを押して、そのスタンプを使用したスタンピングモードを有効にすることができます。Tabを使用してボード上のオブジェクトを選択し、⌘CommandReturn/ControlEnterを押して、選択したオブジェクト上にスタンプを配置します。スタンプは選択したオブジェクトにのみ追加できます。Escキーを押せばスタンプモードを終了できます。

  スタンプの使用方法についての詳細はこちら→

  コメント

  コメントを追加するには:

  1. コメントを追加するオブジェクトを選択します。
  2. Macでは⌘Command/または⌘CommandPを、WindowsではControl/またはControlPを押して、クイックアクションメニューを開きます。
  3. 「create new comment」と入力します。
  4. Return/Enterを押して、選択内容に追加するコメントの作成を開始します。
  5. Return/Enterをもう一度押してコメントを送信します。

  FigJam内のコメントについての詳細はこちら→

  コンテンツを編集

  オブジェクトを移動

  オブジェクトが選択されたら、矢印キーによってボード上でオブジェクトを移動します。⇧Shiftと矢印キーを使用することで、動きが大きくなります。

  テキストを編集

  テキスト編集が可能なオブジェクト (付箋、テキスト付きのシェイプ、プレーンテキストオブジェクトなど) の場合は、オブジェクトの選択を行い、Return/Enterキーを押してテキストの編集を始めます。テキスト編集を終了してオブジェクトの選択に戻るには、Escキーを押します。

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

  プロパティを編集

  選択したオブジェクトのプロパティを編集するには、Macでは⌘CommandControl→を、WindowsではControlF6を押し、選択したオブジェクトのプロパティメニューにフォーカスします。メニューには、選択したオブジェクトタイプに応じて、フォントや背景色などのプロパティを調整するオプションが含まれています。

  スクリーンリーダーでサポートされる機能

  機能	サポートあり
  セクション	✓
  付箋	✓
  シェイプ	✓
  表	✓
  テキストオブジェクト	✓
  書式設定	✓
  リンク	✓
  コメント	✓
  スタンプ	✓
  コードブロック	✓
  音声通話	✕
  タイマーと音楽	✕
  ステッカー	✕
  スポットライト	✕
  FigJam on iPad	✕
  投票	✕
  リアクション	✕
  コネクター	✕
  線	✕
  ハイライト	✕
  和紙テープ	✕
  カーソルチャット	✕
  ウィジェット	✕

  ご意見をお聞かせください

  当社はFigJamをよりアクセシブルにするために積極的に取り組んでいます。Figmaコミュニティフォーラムで皆さまのご意見をお知らせください →

• 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ファイルでテキストを作成および編集できます。
  • FigJamはFigmaの新しいデジタルホワイトボートツールです。

  テキストは、ブレインストーミングや情報を伝える場合に、アイデアをメモするために欠かせない要素です。

  リンクは、他のFigJamファイルやFigmaファイルを相互参照する場合に、コラボレーターに対して製品ドキュメントを示したり、外部のWebサイトにリンクしたりするために使用できます。

  この記事では、FigJamでテキストオブジェクトとリンクオブジェクトを作成および変更する方法を説明します。

  テキストオブジェクトの作成

  ボードにテキストを追加するには、ツールバーのをクリックするか、Tを押します。

  テキストオブジェクトは、他のオブジェクトの上またはボードに直接テキストを追加するときに使用します。

  シングルクリック

  シングルクリック操作で、テキストボックスが作成されます。入力すると、このテキストボックスの横方向のサイズが変化します。これはポイントテキストとも呼ばれます。テキストボックスの幅を調整するには、テキストボックスの側面をドラッグします。

  1. テキストツールを選択するか、Tを押します。
  2. ボード上の任意の位置をクリックして、テキストボックスを作成します。

  クリックアンドドラッグ

  横方向のオーバーフローテキストを次の行に改行するテキストボックスを作成するには、クリックアンドドラッグ操作を使用します。これはエリアテキストとも呼ばれます。オブジェクトの幅は固定であり、テキストを追加すると縦方向に拡大します。

  1. ボード上の任意の位置をクリックしたままにします。
  2. カーソルをドラッグすると、特定の寸法のテキストレイヤーが作成されます。

  ヒント

  エリアテキストのバウンディングボックスをダブルクリックすると、エリアテキストがポイントテキストに変換されます。

  テキストプロパティ

  テキストオブジェクト、シェイプ、付箋、コネクターなど、FigJamの多くのオブジェクトにはテキストが含まれています。テキストを選択するか、テキスト編集モードに切り替えると、テキストプロパティを変更するためのオプションがツールバーに表示されます。

  各オブジェクトには、一定数の変更可能なプロパティがあります。

  タイプフェイス

  FigJamボードのムードやスタイルに合わせて文字のフォントを変更します。

  1. テキストオブジェクトを選択するか、フォントを変更したい文字をハイライトします。
  2. ツールバーのドロップダウンをクリックし、以下のいずれかのフォントを選択します。
     • シンプル
     • フォーマル
     • テクニカル
     • キュート

  

  メモ: 「フォーマル」フォントと「テクニカル」フォントは日本語では利用できません。

  太字

  太字プロパティは強調したいテキストに適用します。

  テキストツールバーでをクリックするか、次のキーボードショートカットを使用します。

  • Mac: ⌘ Command B
  • Windows: Control B

  取り消し線

  取り消し線プロパティは、取り消すテキストに適用します。これは、これ以上作業はしないが記録を残したいTo Doリスト内のタスクやアイデアに取り消し線を引くのに便利です。

  ツールバーのをクリックするか、次のキーボードショートカットを使用します。

  • Mac: ⌘ Command ⇧ Shift X
  • Windows: Control Shift X

  リスト

  リストは、コンテンツが整理された状態で、メモを取り、タスクのリストを作成し、アイデアを書き出し、手順を記述する場合に役立ちます。

  箇条書きリスト

  ツールバーのをクリックするか、次のキーボードショートカットを使用します。

  • Mac: ⌘ Command ⇧ Shift 8
  • Windows: Control Shift 8

  新しい行で* Spaceまたは- Spaceを押して、箇条書きリストを作成することもできます。

  

  番号付きリスト

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

  • Mac: ⌘ Command ⇧ Shift 7
  • Windows: Control Shift 7

  または、新しい行で1 . Spaceを押して、番号付きリストを作成することもできます。新しい行のすぐ上に既存の番号付きリストがある場合には、連番の次の番号を使用してみてください。

  

  インデントの増減

  リストアイテムのインデントを増やす/減らすには、次のキーボードショートカットを使用します。

  • インデントを増やす: Tab
  • インデントを減らす: Shift tab

  テキストサイズ

  5種類のサイズプリセットがあります。

  • 小(16px)
  • 中(24px)
  • 大(40px)
  • 特大1(64px)
  • 特大2(96px)
  • カスタムサイズ

  デフォルトでは、すべてのテキストオブジェクトのテキストは[小]に設定されています。すべてのテキストまたは選択されている部分のサイズを変更できます。

  プリセットテキストサイズを使用するには、次の手順に従います。

  1. サイズを変更するテキスト行または一部のテキストを選択します。
  2. ツールバーのサイズドロップダウンメニューをクリックして、テキストサイズを変更します。
  3. 選択されているテキストのサイズを選択するか、フィールドにカスタムサイズを入力します。

  ツールを使って作成されたテキストオブジェクトにはカスタムサイズを設定できます。テキストオブジェクトのサイズを変更するには、次の手順に従います。

  1. サイズを変更するテキストオブジェクトを選択します。
  2. テキストオブジェクトの角をクリックしてドラッグします。

  テキストオブジェクトのサイズは8ピクセル単位で変更でき、ツールバーのサイズドロップダウンには[極小]、[カスタム]、または[特大3]と表示されます。

  マークダウン

  マークダウンを使用して、任意のテキストをフォーマットします。FigJamはマークダウンの以下の構文をサポートしています。

  要素	マークダウンの構文
  見出し	h2 (#) H2 (##) H3 (###) H4 (####)
  ボールド	**太字**
  イタリック	*斜体*
  ブロッククォート	> ブロッククォート
  順序付きリスト	1. 第1アイテム 2. 第2アイテム 3. 第3アイテム
  順序なしリスト	- 第1アイテム - 第2アイテム - 第3アイテム

  既定の色

  わかりやすくする場合、目立つようにする場合、または類似するアイデアをまとめる場合に、テキストの色を変更します。ツールバーの色ドロップダウンで、事前に用意されている8種類の色から選択します。

  FigJamの色の詳細はこちら →

  配置

  1. オブジェクトまたは特定のテキスト文字列を選択します。
  2. ツールバーの配置アイコンをクリックして、次のいずれかを選択します。
     • テキスト左揃え
       • Mac: ⌥ Option ⌘ Command L
       • Windows: Alt Control L
     • テキスト中央揃え
       • Mac: ⌥ Option ⌘ Command T
       • Windows: Alt Control T
     • テキスト右揃え
       • Mac: ⌥ Option ⌘ Command R
       • Windows: Alt Control R

  テキストへのリンクの追加

  Figmaファイル、FigJamファイル、ドキュメント、外部Webサイトを参照するクリック可能なリンクをテキストに追加します。

  1. オブジェクトまたは特定のテキスト文字列を選択します。
  2. をクリックするか、次のキーボードショートカットを使用します。
     • Mac: ⌘ Command K
     • Windows: Control K
  3. URLを入力するか、クリップボードからURLを貼り付けます。

  

  ヒント

  クリップボードにURLが既にコピーされている場合は、テキストを選択して ⌘ Command V / Control Vを押すと、リンクが挿入されます。

  ヒント

  キーボードショートカットを確認する必要がある場合は、ファイルのメニュー > [ヘルプとアカウント] > [キーボードショートカット]を開きます。ウィンドウの下部にトレイが表示され、さまざまなショートカットを確認できます。

  テキストへの絵文字の追加

  テキストオブジェクト、付箋、シェイプに絵文字を追加するには、:に続けて絵文字のコードを入力します。絵文字の名前が分からない場合は、:heartまたは:plusのようなキーワードで検索できます。

  スペルチェック

  スペルチェックにより、スペルミスの確認と修正を行いやすくなります。スペルチェックは、テキスト編集モードでの作業中に誤りを発見してくれる機能で、現在アクティブなテキストレイヤーのみが対象です。

  次のデフォルト言語でスペルチェックを使用できます。

  • Figmaデスクトップアプリ: お使いのオペレーティングシステムでサポートされている全言語
  • Figmaウェブアプリ: 英語(米国、カナダ、英国)およびロシア語

  メモ

  Figmaフォントインストーラーをインストールすれば、お使いのオペレーティングシステムでサポートされている全言語をFigmaウェブアプリ内で利用できるようになります。すでにFigmaデスクトップアプリをインストールしている場合は、Figmaフォントインストーラーは自動でインストールされています。

  お使いのオペレーティングシステムに応じて、次のとおり内容が一部異なります。

  • Macの場合: Figmaは、スペルチェック用にシステムの設定言語を自動で検知して使用します。
  • Windowsの場合: 使用する言語が表示されない場合、言語パックのインストールが必要になる場合があります。Windows用言語パック→

  大半のユーザーでは、スペルチェックはデフォルトで有効になっています。スペルチェックが無効となるのは、Figmaフォントインストーラーがインストールされておらず、ブラウザの設定言語が英語またはロシア語以外の場合のみです。Figmaウェブアプリでは、Figmaフォントインストーラーがないと、お使いのオペレーティングシステムでサポートされている追加言語を取り込めないことから、ファイル内の全テキストに誤りのフラグが立たないようにスペルチェックが無効になっています。

  メモ

  ウェブアプリで設定されているスペルチェック基本設定は、デスクトップアプリには適用されません(逆も同じです)。2つのアプリを切り替える場合は、スペルチェック基本設定を再度構成する必要があります。

  スペルチェックの有効化または無効化

  1. メニューをクリックします。
  2. [テキスト] > [スペルチェック]の順に移動します。
  3. [スペルをチェック]をクリックし、スペルチェックを有効化または無効化します。

  スペルチェックの設定言語の変更

  1. メニューをクリックします。
  2. [テキスト] > [スペルチェック]の順に移動します。
  3. 使用可能言語一覧の中から選択します。

  個人用辞書への単語の追加

  辞書に単語を追加し、スペルチェックでフラグが立たないようにすることができます。辞書の内容は、自分が編集可能なすべてのファイルに適用されます。例えば、Figmaデザインファイルの辞書に1つの単語を追加すると、スペルチェックはそのスペルを他のFigmaデザインファイルやFigJamファイル内でも認識するようになります。一度辞書に追加された単語は、削除することはできません。

  1. 辞書に追加する単語を強調表示します。
  2. 右クリックして[辞書に追加]を選択します。