Як додати гіперпосилання в Figma

Однією з найбільш корисних функцій інструменту спільного проектування Figma є можливість додавання гіперпосилань. Завдяки цій функції підключення онлайн-сторінок стає простим. Гіперпосилання полегшують навігацію сайтом. Посилання надають відвідувачам сайту прямий доступ до основних ресурсів і цільових сторінок, серед іншої інформації.

Незалежно від того, чи намагаєтеся ви навчитися додавати посилання до значків і тексту чи взагалі вставляти гіперпосилання, ця стаття допоможе вам. Читайте далі, щоб ознайомитися з різними методами, якими можна цього досягти.

Створення гіперпосилання за допомогою значка

Це один із найпоширеніших типів посилань, які можна використовувати на Figma. Тут піктограма посилання використовується для додавання текстового посилання. Ці кроки не працюватимуть із зображеннями.

1. Використовуючи текст на сторінці, виділіть текст, який потрібно зв’язати з іншою сторінкою, клацнувши на початку розділу та перетягнувши його.
   
2. Виділивши текст, натисніть значок «Посилання» на панелі інструментів у верхній частині робочої області. Це створить рамку над виділеним словом або словами.
   
3. На іншій вкладці відкрийте веб-сторінку, на яку ви хочете зробити посилання, і скопіюйте її URL-адресу, спочатку виділивши її та натиснувши «Command» + «C» на Mac або «Control» + «C» на Windows».
   
4. Перейдіть до поля URL-адреси над виділеним полем і клацніть у ньому.
   
5. Натисніть «Command» + «V» на Mac або «Control» + «V» на Windows. Це дозволить вам вставити свою URL-адресу в поле.
   
6. Натисніть порожнє місце на сторінці або натисніть «Enter», щоб додати посилання до тексту. Під словом з’явиться лінія. Коли користувачі натискають це слово, вони переходять за адресою посилання.
   

Використовуйте комбінацію клавіш для створення посилань

Це другий метод, який можна використовувати для створення посилання Figma. Ви можете використовувати комбінацію клавіш, щоб додавати посилання до тексту, але не до зображень.

1. Виберіть текст або слово, яке потрібно використовувати як посилання.
   
2. Використовуйте ці комбінації клавіш, щоб створити рамку над виділеним словом або текстом.
   
   • Натисніть «Control» + «K» на пристроях Windows.
   • Натисніть «Command» + «K» на пристроях Mac.
3. Вставте потрібну URL-адресу в поле.
   
4. Натисніть кнопку «Enter», щоб створити гіперпосилання.
   

Використовуйте панель прототипів, щоб створити своє гіперпосилання

Цей метод можна використовувати як для зображень, так і для тексту. Це ідеальний варіант для посилання на зображення, як на іконках соціальних мереж.

1. Виберіть текст або зображення, спочатку клацнувши на ньому.
   
2. Перейдіть на панель «Властивості» і відкрийте «Прототип».
   
3. У меню «Прототип» у розділі «Взаємодії» виберіть поточну взаємодію, якщо вона доступна. Якщо його немає, натисніть значок «+», щоб додати його.
   
4. Налаштуйте параметри взаємодії, щоб успішно додати посилання:
   
   • Встановіть взаємодію на «Після натискання».
   • Після цього дію слід встановити на «Відкрити посилання».
   • Вставте своє посилання в поле URL-адреси.
   • Позначте опцію «Відкрити в новій вкладці», щоб відкривати нову вкладку, коли користувач торкається посилання.
5. Вийдіть із панелі прототипів, щоб додати зображення чи текстове посилання. Це не змінює імідж. Однак, коли дизайн переглядається на вкладці «Презентувати», ваш курсор змінюється, коли ви наводите курсор на зображення. Якщо натиснути зображення, відкриється додане вами посилання.
   

Редагувати або видалити гіперпосилання Figma

Якщо ви вважаєте, що посилання не працює, або хочете видалити його, ви можете відредагувати або видалити його. Щоб відредагувати посилання:

1. Наведіть вказівник миші на пов’язаний текст, щоб відкрити модальне посилання.
   
2. Щоб відредагувати адресу, виберіть опцію «Редагувати» поруч із модальністю.
   
3. Внесіть необхідні зміни та вийдіть.
4. Щоб видалити, зніміть поле посилання. Це повністю видалить вашу URL-адресу, і текст більше не буде пов’язаним.
   

Підвищте доступність, додавши гіперпосилання на Figma

Гіперпосилання у Figma полегшує користувачам навігацію вмістом. Ваші посилання можуть спрямовувати користувачів на інші файли, сторінки, фрейми або прототипи Figma. Посилання також можуть бути підключені до зовнішніх веб-сайтів і спрямовувати вас на нові вкладки браузера. Існують різні способи додавання гіперпосилань, і це має бути просто за допомогою кроків, описаних вище.

Ви коли-небудь намагалися додати гіперпосилання на Figma? Яким був досвід? Повідомте нам у розділі коментарів нижче.