Как добавить гиперссылку в Figma

Одной из наиболее полезных функций инструмента совместного дизайна Figma является возможность добавления гиперссылок. Благодаря этой функции подключение онлайн-страниц становится простым. Гиперссылки облегчают навигацию по сайту. Ссылки предоставляют посетителям сайта прямой доступ к важным ресурсам и целевым страницам, а также другой информации.

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

Создание гиперссылки с помощью значка

Это один из наиболее распространенных типов ссылок, которые вы можете использовать в Figma. Здесь значок «Ссылка» используется для добавления текстовой ссылки. Эти шаги не будут работать с изображениями.

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

Используйте сочетание клавиш для создания ссылок

Это второй метод, который вы можете использовать для создания ссылки Figma. Вы можете использовать метод сочетаний клавиш для добавления ссылок в текст, но не в изображения.

1. Выберите текст или слово, которое вы хотите использовать в качестве ссылки.
   
2. Используйте эти сочетания клавиш, чтобы создать рамку над выделенным словом или текстом.
   
   • Нажмите «Control» + «K» на устройствах Windows.
   • Нажмите «Command» + «K» на устройствах Mac.
3. Вставьте нужный URL-адрес в поле.
   
4. Нажмите кнопку «Ввод», чтобы создать гиперссылку.
   

Используйте панель прототипов для создания гиперссылки

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

1. Выберите текст или изображение, сначала щелкнув по нему.
   
2. Перейдите на панель «Свойства» и откройте «Прототип».
   
3. В меню «Прототип» в разделе «Взаимодействия» выберите текущее взаимодействие, если оно доступно. Если его нет, нажмите значок «+», чтобы добавить его.
   
4. Настройте параметры взаимодействия, чтобы успешно добавить ссылку:
   
   • Установите взаимодействие «По клику».
   • Затем необходимо установить действие «Открыть ссылку».
   • Вставьте ссылку в поле URL.
   • Установите флажок «Открыть в новой вкладке», чтобы открывать новую вкладку, когда пользователь нажимает на ссылку.
5. Выйдите из панели прототипов, чтобы добавить изображение или текстовую ссылку. Это не меняет имидж. Однако когда дизайн просматривается на вкладке «Представлено», курсор меняется при наведении курсора на изображение. Если щелкнуть картинку, откроется добавленная вами ссылка.
   

Редактировать или удалить гиперссылки Figma

Если вы считаете, что ссылка не работает или хотите ее удалить, вы можете отредактировать или удалить ее. Чтобы отредактировать ссылку:

1. Наведите указатель мыши на связанный текст, чтобы открыть модальное окно ссылки.
   
2. Выберите опцию «Изменить» рядом с модальным окном, чтобы изменить адрес.
   
3. Внесите необходимые изменения и выйдите.
4. Чтобы удалить, очистите поле ссылки. Это полностью удалит ваш URL-адрес, и текст больше не будет связан с ним.
   

Повысьте доступность, добавив гиперссылки на Figma

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

Вы когда-нибудь пытались добавлять гиперссылки в Figma? Каким был этот опыт? Дайте нам знать в комментариях ниже.