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

はじめに

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

すべてのプランで利用可能

ファイルの編集可アクセス権のあるユーザーは、リンクを作成して編集できます

ファイルの閲覧のみアクセス権のあるユーザーは、リンクのフォローのみを行えます

テキストのリンクはプロトタイプでも機能します。初めてプロトタイプを作成についてはこちらをご覧ください。

デザインファイル内の任意のテキストレイヤーにリンクを追加することで、以下のことができます。

• コラボレーターをドキュメントやプロジェクト管理ツールなどの外部サイトに導く
• 大きなFigmaファイル内の特定のフレームやページに移動できるようにする
• 他のFigmaファイルやプロトタイプにリンクする
• 実稼働時に存在する実際のリンクを示す

リンクの作成

リンクは、テキストレイヤー全体にも、レイヤー内の選択したテキストにも追加できます。テキストレイヤーを選択し、Enterキーを押してテキストレイヤーの編集と選択を行います。

ツールバーから

1. 選択を行います。
2. ツールバーで、 [リンクを作成]をクリックします。
3. 選択したテキスト上に表示される入力ボックスにURLを入力するか貼り付けます。
4. Enterを押してリンクを適用します。

キーボードショートカットを使用する

1. 選択を行います。
2. 次のキーボードショートカットを使用して、選択したテキスト上にリンクの入力ボックスを開きます。
   • Mac: Command K
   • Windows: Control K
3. 入力ボックスにURLを入力するか貼り付けます。
4. Enterを押してリンクを適用します。

所定の場所に貼り付ける

リンク入力ボックスを使用しないで、リンクを直接追加します。

1. 選択を行います。
2. 次のキーボードショートカットを使用して、クリップボードからURLを貼り付けます。
   • Mac: Command V
   • Windows: Control V

ページにURL全体を表示するには、貼り付けキーボードショートカットを2回使用します。1回目でテキストとして貼り付け、2回目でリンクにします。
リンクの仕組みの詳細は、リンクのプレグラウンドファイルをご覧ください。

ファイル、ページ、またはフレームへのリンクのコピー

大きなファイル内でページやフレームへのナビゲーションリンクを作成したり、外部の他のFigmaファイルやプロトタイプにリンクしたりします。

ファイル

ファイルへのリンクをコピーするには、次の手順に従います。

1. ファイルを開きます。
2. [共有]ボタンをクリックします。
3. 共有モーダルで、リンク共有権限を設定します。
4. [リンクをコピー]をクリックして、クリップボードにURLをコピーします。

プロトタイプ

プロトタイプへのリンクをコピーするには、次の手順に従います。

1. ファイルを開きます。
2. [発表]をクリックして、プレゼンテーションビューでプロトタイプを開きます。
3. [プロトタイプを共有]ボタンをクリックして、リンク共有権限を設定します。
4. [リンクをコピー]をクリックして、クリップボードにURLをコピーします。

ページ

ページへのリンクをコピーするには、次の手順に従います。

1. レイヤーパネルを開いて、ページリストを展開します。
2. ページの名前を右クリックして、[ページのリンクをコピー]を選択します。

フレーム

フレームへのリンクをコピーするには、次の手順に従います。

1. キャンバスまたはレイヤーパネルでフレームを右クリックします。
2. [コピー/貼り付けオプション] > [リンクをコピー]の順に移動します。

コピーしたらテキストレイヤーを作成して、ページ、ファイル、フレーム、またはプロトタイプのリンクとして使用できます。

リンクを操作する

リンクのプレビューまたはリンクへの移動

URLリンクをプレビューするには、リンク付きのテキストにカーソルを合わせます。

リンクに移動するには、リンク付きのテキストをクリックします。リンク付きテキストから移動した結果は、次のようにリンクのタイプによって異なります。

• FigmaデザインファイルまたはFigJamファイル: リンク先のFigmaファイル、プロトタイプ、フレーム、またはページが新しいタブに表示されます。
• 現在のファイルのページまたはフレーム: 現在のファイルの該当するページまたはフレームに移動します。
• 外部Webサイト: すべての外部リンクはブラウザの新しいタブで開きます。最初にリンクを開く場合は、Figmaから出ていることを確認する必要があります。

クリックしてもリンクが開かないようにするには、⌘ CommandまたはControlを押しながらクリックします。

リンクの編集または削除

1. テキスト編集モードに入るには、リンク付きテキストをダブルクリックします。
2. リンクモーダルを開くには、リンク付きテキストをクリックするか、リンク付きテキストにカーソルを合わせます。
3. [編集]をクリックします。
4. URLを更新するか、URLを削除してリンクを解除します。

リンクへのスタイルの適用

他のテキストレイヤーと同様に、リンク付きテキストにスタイルを適用できます。テキストスタイルを適用することも、下線、フォント、色などのテキストプロパティを調節することもできます。

デフォルトではリンクに下線が付きます。下線を削除するには、次のキーボードショートカットを使用します。

• Mac: Command U
• Windows: Control U

詳細は、Figmaでのテキストの編集とスタイルの適用をご覧ください。