FigJamでのテキストとリンクの作成
- 編集可アクセス権限があるユーザーは、FigJamファイルでテキストを作成および編集できます。
- FigJamはFigmaの新しいデジタルホワイトボートツールです。
テキストは、ブレインストーミングや情報を伝える場合に、アイデアをメモするために欠かせない要素です。
リンクは、他のFigJamファイルやFigmaファイルを相互参照する場合に、コラボレーターに対して製品ドキュメントを示したり、外部のWebサイトにリンクしたりするために使用できます。
この記事では、FigJamでテキストオブジェクトとリンクオブジェクトを作成および変更する方法を説明します。
テキストオブジェクトの作成
ボードにテキストを追加するには、ツールバーのをクリックするか、Tを押します。
テキストオブジェクトは、他のオブジェクトの上またはボードに直接テキストを追加するときに使用します。
シングルクリック
シングルクリック操作で、テキストボックスが作成されます。入力すると、このテキストボックスの横方向のサイズが変化します。これはポイントテキストとも呼ばれます。テキストボックスの幅を調整するには、テキストボックスの側面をドラッグします。
- テキストツールを選択するか、Tを押します。
- ボード上の任意の位置をクリックして、テキストボックスを作成します。
クリックアンドドラッグ
横方向のオーバーフローテキストを次の行に改行するテキストボックスを作成するには、クリックアンドドラッグ操作を使用します。これはエリアテキストとも呼ばれます。オブジェクトの幅は固定であり、テキストを追加すると縦方向に拡大します。
- ボード上の任意の位置をクリックしたままにします。
- カーソルをドラッグすると、特定の寸法のテキストレイヤーが作成されます。
エリアテキストのバウンディングボックスをダブルクリックすると、エリアテキストがポイントテキストに変換されます。
テキストプロパティ
テキストオブジェクト、シェイプ、付箋、コネクターなど、FigJamの多くのオブジェクトにはテキストが含まれています。テキストを選択するか、テキスト編集モードに切り替えると、テキストプロパティを変更するためのオプションがツールバーに表示されます。
各オブジェクトには、一定数の変更可能なプロパティがあります。
タイプフェイス
FigJamボードのムードやスタイルに合わせて文字のフォントを変更します。
- テキストオブジェクトを選択するか、フォントを変更したい文字をハイライトします。
- ツールバーのドロップダウンをクリックし、以下のいずれかのフォントを選択します。
- シンプル
- フォーマル
- テクニカル
- キュート
メモ: 「フォーマル」フォントと「テクニカル」フォントは日本語では利用できません。
太字
太字プロパティは強調したいテキストに適用します。
テキストツールバーでをクリックするか、次のキーボードショートカットを使用します。
- 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)
- カスタムサイズ
デフォルトでは、すべてのテキストオブジェクトのテキストは[小]に設定されています。すべてのテキストまたは選択されている部分のサイズを変更できます。
プリセットテキストサイズを使用するには、次の手順に従います。
- サイズを変更するテキスト行または一部のテキストを選択します。
- ツールバーのサイズドロップダウンメニューをクリックして、テキストサイズを変更します。
- 選択されているテキストのサイズを選択するか、フィールドにカスタムサイズを入力します。
ツールを使って作成されたテキストオブジェクトにはカスタムサイズを設定できます。テキストオブジェクトのサイズを変更するには、次の手順に従います。
- サイズを変更するテキストオブジェクトを選択します。
- テキストオブジェクトの角をクリックしてドラッグします。
テキストオブジェクトのサイズは8ピクセル単位で変更でき、ツールバーのサイズドロップダウンには[極小]、[カスタム]、または[特大3]と表示されます。
マークダウン
マークダウンを使用して、任意のテキストをフォーマットします。FigJamはマークダウンの以下の構文をサポートしています。
要素 | マークダウンの構文 |
見出し |
h2 (#) H2 (##) H3 (###) H4 (####) |
ボールド |
**太字** |
イタリック |
*斜体* |
ブロッククォート |
> ブロッククォート |
順序付きリスト |
1. 第1アイテム 2. 第2アイテム 3. 第3アイテム |
順序なしリスト |
- 第1アイテム - 第2アイテム - 第3アイテム |
既定の色
わかりやすくする場合、目立つようにする場合、または類似するアイデアをまとめる場合に、テキストの色を変更します。ツールバーの色ドロップダウンで、事前に用意されている8種類の色から選択します。
配置
- オブジェクトまたは特定のテキスト文字列を選択します。
- ツールバーの配置アイコンをクリックして、次のいずれかを選択します。
-
テキスト左揃え
- 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サイトを参照するクリック可能なリンクをテキストに追加します。
- オブジェクトまたは特定のテキスト文字列を選択します。
-
をクリックするか、次のキーボードショートカットを使用します。
- Mac: ⌘ Command K
- Windows: Control K
- URLを入力するか、クリップボードからURLを貼り付けます。
クリップボードにURLが既にコピーされている場合は、テキストを選択して ⌘ Command V / Control Vを押すと、リンクが挿入されます。
リンクを作成せずにURLまたはメールを追加する場合は、次のキーボードショートカットを使用します。
- Mac: ⌘ Command Shift V
- Windows: Control Shift V
キーボードショートカットを確認する必要がある場合は、ファイルのメニュー > [ヘルプとアカウント] > [キーボードショートカット]を開きます。ウィンドウの下部にトレイが表示され、さまざまなショートカットを確認できます。
メンションの追加
付箋とテキストでチームのメンバーをタグ付けして、確認が必要な場所を知らせたり、タスクを割り当てたりできます。メンションされたメンバーは、通知設定に従って通知されます。
テキストへの絵文字の追加
テキストオブジェクト、付箋、シェイプに絵文字を追加するには、:
に続けて絵文字のコードを入力します。絵文字の名前が分からない場合は、:heart
または:plus
のようなキーワードで検索できます。
スペルチェック
スペルチェックの使用
スペルチェック機能によって、スペルミスを簡単にチェックし、修正できます。現在アクティブにしているテキストレイヤーであれば、テキスト編集モードの間、エラーが赤い波線で示されます。エラーのある単語を右クリックすると正しいスペルの候補の一覧が表示されます。
スペルが誤っている単語をクリックし、さらにTabを押すと、最初の候補が自動的に挿入されます。
次のデフォルト言語でスペルチェックを使用できます。
- Figmaデスクトップアプリ: お使いのオペレーティングシステムでサポートされている全言語
- Figmaウェブアプリ: 英語(米国、カナダ、英国)およびロシア語
Figmaフォントインストーラーをインストールすれば、お使いのオペレーティングシステムでサポートされている全言語をFigmaウェブアプリ内で利用できるようになります。すでにFigmaデスクトップアプリをインストールしている場合は、Figmaフォントインストーラーは自動でインストールされています。
お使いのオペレーティングシステムに応じて、次のとおり内容が一部異なります。
- Macの場合: Figmaは、スペルチェック用にシステムの設定言語を自動で検知して使用します。
- Windowsの場合: 使用する言語が表示されない場合、言語パックのインストールが必要になる場合があります。Windows用言語パック→
スペルチェックは、ほとんどのユーザーに対してデフォルトで有効になっています。Figmaフォントインストーラーをインストールしていない場合で、さらにブラウザの優先言語が英語またはロシア語以外になっている場合のみ、スペルチェックが無効になります。FigmaウェブアプリはFigmaフォントインストーラーがないと、オペレーティングシステムでサポートされている追加言語を取り込むことができないため、スペルチェックを無効にしてファイルのテキストすべてに誤りのフラグが立たないようにしています。
ウェブアプリで設定されているスペルチェック基本設定は、デスクトップアプリには適用されません(逆も同じです)。2つのアプリを切り替える場合は、スペルチェック基本設定を再度構成する必要があります。
スペルチェックの有効化または無効化
- メニューをクリックします。
- [テキスト] > [スペルチェック]の順に移動します。
- [スペルをチェック]をクリックし、スペルチェックを有効化または無効化します。
スペルチェックの設定言語の変更
- メニューをクリックします。
- [テキスト] > [スペルチェック]の順に移動します。
- 使用可能言語一覧の中から選択します。
個人用辞書への単語の追加
辞書に単語を追加し、スペルチェックでフラグが立たないようにすることができます。辞書の内容は、自分が編集可能なすべてのファイルに適用されます。例えば、Figmaデザインファイルの辞書に1つの単語を追加すると、スペルチェックはそのスペルを他のFigmaデザインファイルやFigJamファイル内でも認識するようになります。一度辞書に追加された単語は、削除することはできません。
- 辞書に追加する単語を強調表示します。
- 右クリックして[辞書に追加]を選択します。