如何在 Figma 中添加超鏈接

協作設計工具 Figma 最有用的功能之一是可以新增超連結。有了這個功能，連接線上頁面就變得很容易。超連結使網站易於瀏覽。連結使網站訪客可以直接存取基本資源和登陸頁面以及其他資訊。

無論您是想學習如何添加圖標和文字鏈接還是插入一般超鏈接，本文都會為您提供指導。請繼續閱讀以熟悉可用於實現此目的的各種方法。

使用圖示建立超連結

這是 Figma 上最常見的連結類型之一。此處，連結圖示用於添加文字連結。這些步驟不適用於影像。

1. 利用頁面上的文本，透過點擊該部分的開頭然後拖曳到其上來突出顯示要連結到另一個頁面的文本。
   
2. 反白顯示文字後，點擊工作區頂部工具列中的「連結」圖示。這樣做會在突出顯示的單字上方建立一個框。
   
3. 在另一個標籤中，開啟要連結到的網頁，然後透過先反白該網頁並按下「Command」+「C」（在Mac 上）或「Control」+「C」（在Windows 上）來複製其URL。
   
4. 轉到突出顯示的框上方的 URL 框，然後在其中按一下。
   
5. 在 Mac 按下“Command”+“V”，並在 Windows 上按下“Control”+“V”。這允許您將 URL 貼到框中。
   
6. 按一下頁面上的空白區域或按「Enter」將連結新增至文字。該字下方將出現一條線。當使用者單擊該單字時，他們將被定向到連結地址。
   

使用鍵盤快捷鍵建立鏈接

這是可用於建立 Figma 連結的第二種方法。您可以使用鍵盤快捷鍵方法在文字上新增鏈接，但不能在圖像上新增連結。

1. 選擇要用作連結的文字或單字。
   
2. 使用這些快捷方式在突出顯示的單字或文字上建立一個框。
   
   • 在 Windows 裝置上按「Control」+「K」。
   • 在 Mac 裝置上按下「Command」+「K」。
3. 將所需的 URL 貼到框中。
   
4. 按下“Enter”按鈕建立超連結。
   

利用原型面板創建超鏈接

此方法可用於圖像和文字。這是連結圖像（如社交媒體圖標）的理想選擇。

1. 首先點擊選擇您的文字或圖像。
   
2. 轉到“屬性”面板並打開“原型”。
   
3. 在「互動」下的「原型」選單中，選擇目前互動（如果可用）。如果沒有，請點擊“+”圖示新增一個。
   
4. 調整交互設定以成功新增連結：
   
   • 將互動設定為“單擊時”。
   • 然後應將操作設定為“開啟連結”。
   • 將您的連結貼到 URL 框中。
   • 選取「在新分頁中開啟」選項可在使用者點擊連結時開啟新分頁。
5. 退出原型面板以新增圖像或文字連結。這不會改變圖像。但是，當在「目前」標籤中查看設計時，當您將滑鼠懸停在圖像上時，遊標會發生變化。如果點擊圖片，則會開啟您新增的連結。
   

編輯或刪除 Figma 超鏈接

如果您覺得連結不起作用或想要將其廢棄，您可以編輯或刪除它。要編輯您的連結：

1. 使用滑鼠將滑鼠懸停在連結文字上以開啟連結模式。
   
2. 選擇模式旁邊的“編輯”選項以編輯地址。
   
3. 根據需要進行更改並退出。
4. 若要刪除，請清除連結框。這將完全刪除您的 URL，並且文字不再連結。
   

透過在 Figma 上添加超連結來提高可訪問性

Figma 中的超連結使用戶可以更輕鬆地瀏覽內容。您的連結可以將使用者引導至其他 Figma 檔案、頁面、框架或原型。這些連結還可以連接到外部網站，並將您帶到新的瀏覽器標籤。添加超連結的方法有很多種，按照上述步驟應該很簡單。

您是否嘗試過在 Figma 上新增超連結？體驗如何？請在下面的評論部分告訴我們。