はじめに
この機能を使用できるユーザー
すべてのプランで利用可能
ファイルの編集可アクセス権のあるユーザーは、リンクを作成して編集できます
ファイルの閲覧のみアクセス権のあるユーザーは、リンクのフォローのみを行えます
テキストのリンクはプロトタイプでも機能します。初めてプロトタイプを作成についてはこちらをご覧ください。
デザインファイル内の任意のテキストレイヤーにリンクを追加することで、以下のことができます。
- コラボレーターをドキュメントやプロジェクト管理ツールなどの外部サイトに導く
- 大きなFigmaファイル内の特定のフレームやページに移動できるようにする
- 他のFigmaファイルやプロトタイプにリンクする
- 実稼働時に存在する実際のリンクを示す
注: 現時点では、プロトタイプホットスポットの作成時にのみ、エディターで画像やベクトルオブジェクトへのリンクを追加することはできません。mailto:などのHTMLを使用したデフォルトメールクライアントへのリンクは、現時点ではサポートされていません。
リンクの作成
リンクは、テキストレイヤー全体にも、レイヤー内の選択したテキストにも追加できます。テキストレイヤーを選択し、Enterキーを押してテキストレイヤーの編集と選択を行います。
ツールバーから
- 選択を行います。
- ツールバーで、 [リンクを作成]をクリックします。
- 選択したテキスト上に表示される入力ボックスにURLを入力するか貼り付けます。
- Enterを押してリンクを適用します。
キーボードショートカットを使用する
- 選択を行います。
- 次のキーボードショートカットを使用して、選択したテキスト上にリンクの入力ボックスを開きます。
- Mac: Command K
- Windows: Control K
- 入力ボックスにURLを入力するか貼り付けます。
- Enterを押してリンクを適用します。
所定の場所に貼り付ける
リンク入力ボックスを使用しないで、リンクを直接追加します。
- 選択を行います。
- 次のキーボードショートカットを使用して、クリップボードからURLを貼り付けます。
- Mac: Command V
- Windows: Control V
ページにURL全体を表示するには、貼り付けキーボードショートカットを2回使用します。1回目でテキストとして貼り付け、2回目でリンクにします。
リンクの仕組みの詳細は、リンクのプレグラウンドファイルをご覧ください。
ヒント: リンクを作成せずにURLやメールを追加するには、次のキーボードショートカットを使用します。
- Mac: ⌘ Command Shift V
- Windows: Control Shift V
ファイル、ページ、またはフレームへのリンクのコピー
大きなファイル内でページやフレームへのナビゲーションリンクを作成したり、外部の他のFigmaファイルやプロトタイプにリンクしたりします。
ファイル
ファイルへのリンクをコピーするには、次の手順に従います。
- ファイルを開きます。
- [共有]ボタンをクリックします。
- 共有モーダルで、リンク共有権限を設定します。
- [リンクをコピー]をクリックして、クリップボードにURLをコピーします。
プロトタイプ
プロトタイプへのリンクをコピーするには、次の手順に従います。
- ファイルを開きます。
- [発表]をクリックして、プレゼンテーションビューでプロトタイプを開きます。
- [プロトタイプを共有]ボタンをクリックして、リンク共有権限を設定します。
- [リンクをコピー]をクリックして、クリップボードにURLをコピーします。
ページ
ページへのリンクをコピーするには、次の手順に従います。
- レイヤーパネルを開いて、ページリストを展開します。
- ページの名前を右クリックして、[ページのリンクをコピー]を選択します。
フレーム
フレームへのリンクをコピーするには、次の手順に従います。
- キャンバスまたはレイヤーパネルでフレームを右クリックします。
- [コピー/貼り付けオプション] > [リンクをコピー]の順に移動します。
コピーしたらテキストレイヤーを作成して、ページ、ファイル、フレーム、またはプロトタイプのリンクとして使用できます。
ヒント! ブラウザでFigmaを使用している場合は、ブラウザのアドレスバーから選択したオブジェクトへのリンクをコピーできます。
リンクを操作する
リンクのプレビューまたはリンクへの移動
URLリンクをプレビューするには、リンク付きのテキストにカーソルを合わせます。
リンクに移動するには、リンク付きのテキストをクリックします。リンク付きテキストから移動した結果は、次のようにリンクのタイプによって異なります。
- FigmaデザインファイルまたはFigJamファイル: リンク先のFigmaファイル、プロトタイプ、フレーム、またはページが新しいタブに表示されます。
- 現在のファイルのページまたはフレーム: 現在のファイルの該当するページまたはフレームに移動します。
- 外部Webサイト: すべての外部リンクはブラウザの新しいタブで開きます。最初にリンクを開く場合は、Figmaから出ていることを確認する必要があります。
クリックしてもリンクが開かないようにするには、⌘ CommandまたはControlを押しながらクリックします。
注: テキスト編集モードの場合は、リンクしたテキストにカーソルを合わせて、リンクモーダルからURLをクリックします。
リンクの編集または削除
- テキスト編集モードに入るには、リンク付きテキストをダブルクリックします。
- リンクモーダルを開くには、リンク付きテキストをクリックするか、リンク付きテキストにカーソルを合わせます。
- [編集]をクリックします。
- URLを更新するか、URLを削除してリンクを解除します。
注: リンク付きテキストをダブルクリックしても[編集]ボタンが使用できない場合は、レイヤーがロックされています。レイヤーのロック/ロック解除方法はこちら→
リンクへのスタイルの適用
他のテキストレイヤーと同様に、リンク付きテキストにスタイルを適用できます。テキストスタイルを適用することも、下線、フォント、色などのテキストプロパティを調節することもできます。
デフォルトではリンクに下線が付きます。下線を削除するには、次のキーボードショートカットを使用します。
- Mac: Command U
- Windows: Control U
詳細は、Figmaでのテキストの編集とスタイルの適用をご覧ください。