Cara Menambahkan Hyperlink Di Figma

Salah satu fitur paling berguna dari alat desain kolaboratif Figma adalah kemungkinan menambahkan hyperlink. Dengan fitur ini, menghubungkan halaman online menjadi mudah. Hyperlink membuat situs mudah dinavigasi. Tautan memberi pengunjung situs akses langsung ke sumber daya penting dan halaman arahan, serta informasi lainnya.

Terlepas dari apakah Anda mencoba mempelajari cara menambahkan tautan ke ikon dan teks atau menyisipkan hyperlink secara umum, artikel ini akan memandu Anda. Baca terus untuk mengetahui berbagai metode yang dapat Anda gunakan untuk mencapai hal ini.

Pembuatan Hyperlink Menggunakan Ikon

Ini adalah salah satu jenis tautan paling umum yang dapat Anda gunakan di Figma. Di sini, ikon Tautan digunakan untuk menambahkan tautan teks. Langkah-langkah ini tidak akan berfungsi pada gambar.

1. Memanfaatkan teks pada suatu halaman, sorot teks yang ingin Anda tautkan ke halaman lain dengan mengklik di awal bagian lalu menyeretnya.
   
2. Setelah menyorot teks, tekan ikon “Tautan” pada toolbar di bagian atas ruang kerja. Melakukannya akan membuat kotak di atas kata atau kata-kata yang disorot.
   
3. Di tab lain, buka halaman web yang ingin Anda tautkan dan salin URL-nya dengan menyorotnya terlebih dahulu dan menekan “Command” + “C” di Mac atau “Control” + “C” di Windows.”
   
4. Buka kotak URL di atas kotak yang Anda soroti dan klik di dalamnya.
   
5. Tekan “Command” + “V” di Mac atau “Control” + “V” di Windows. Ini memungkinkan Anda menempelkan URL Anda ke dalam kotak.
   
6. Klik ruang kosong di halaman atau tekan "Enter" untuk menambahkan link ke teks. Sebuah garis akan muncul di bawah kata tersebut. Ketika pengguna mengklik kata itu, mereka akan diarahkan ke alamat tautan.
   

Gunakan Pintasan Keyboard untuk Membuat Tautan

Ini adalah cara kedua yang bisa Anda gunakan untuk membuat link Figma. Anda dapat menggunakan metode pintasan keyboard untuk menambahkan tautan pada teks tetapi bukan gambar.

1. Pilih teks atau kata yang ingin Anda jadikan tautan.
   
2. Gunakan pintasan ini untuk membuat kotak di atas kata atau teks yang disorot.
   
   • Tekan “Kontrol” + “K” pada perangkat Windows.
   • Tekan “Command” + “K” pada perangkat Mac.
3. Tempelkan URL yang Anda inginkan di dalam kotak.
   
4. Tekan tombol “Enter” untuk membuat hyperlink.
   

Manfaatkan Panel Prototipe untuk Membuat Hyperlink Anda

Metode ini dapat digunakan pada gambar dan teks. Ini adalah pilihan ideal untuk menautkan gambar seperti pada ikon media sosial.

1. Pilih teks atau gambar Anda dengan mengkliknya terlebih dahulu.
   
2. Buka panel “Properti” dan buka “Prototipe.”
   
3. Di menu Prototipe di bawah “Interaksi”, pilih interaksi saat ini jika tersedia. Jika tidak ada, klik ikon “+” untuk menambahkannya.
   
4. Sesuaikan pengaturan interaksi agar berhasil menambahkan tautan:
   
   • Setel interaksi ke “Saat diklik.”
   • Tindakan tersebut kemudian harus disetel ke “Open Link.”
   • Tempelkan tautan Anda ke kotak URL.
   • Centang opsi “Buka di tab baru” untuk membuka tab baru saat pengguna mengetuk tautan.
5. Keluar dari panel prototipe untuk menambahkan gambar atau tautan teks. Ini tidak mengubah gambarannya. Namun, ketika desain dilihat dalam tab “Presentasikan”, kursor Anda berubah saat Anda mengarahkan kursor ke gambar. Jika gambar diklik, tautan yang Anda tambahkan akan terbuka.
   

Edit atau Hapus Hyperlink Figma

Jika Anda merasa tautan tidak berfungsi atau ingin menghapusnya, Anda dapat mengedit atau menghapusnya. Untuk mengedit tautan Anda:

1. Arahkan kursor ke teks tertaut menggunakan mouse Anda untuk membuka modal tautan.
   
2. Pilih opsi “Edit” di sebelah modal untuk mengedit alamat.
   
3. Lakukan perubahan sesuai kebutuhan dan keluar.
4. Untuk menghapus, kosongkan kotak tautan. Tindakan ini akan menghapus seluruh URL Anda dan teks tidak lagi tertaut.
   

Tingkatkan Aksesibilitas dengan Menambahkan Hyperlink di Figma

Hyperlink di Figma memudahkan pengguna menavigasi konten. Tautan Anda dapat mengarahkan pengguna ke file, halaman, bingkai, atau prototipe Figma lainnya. Tautan tersebut juga dapat dihubungkan ke situs web eksternal dan mengarahkan Anda ke tab browser baru. Ada berbagai cara untuk menambahkan hyperlink, dan caranya mudah dilakukan dengan langkah-langkah yang diuraikan di atas.

Pernahkah Anda mencoba menambahkan hyperlink di Figma? Seperti apa pengalaman tersebut? Beri tahu kami di bagian komentar di bawah.