Одной из наиболее полезных функций инструмента для совместного дизайна Figma является возможность добавления гиперссылок. Благодаря этой функции подключение онлайн-страниц становится простым. Гиперссылки облегчают навигацию по сайту. Ссылки предоставляют посетителям сайта прямой доступ к основным ресурсам и целевым страницам, а также к другой информации.
Независимо от того, являетесь ли вы пытаетесь научиться добавлять ссылки к значкам и тексту или вообще вставлять гиперссылки, эта статья поможет вам. Прочтите дальше, чтобы познакомиться с различными методами, которые можно использовать для достижения этой цели.
Создание гиперссылки с помощью значка
Это один из наиболее распространенных методов. типы ссылок, которые вы можете использовать на Figma. Здесь значок «Ссылка» используется для добавления текстовой ссылки. Эти действия не будут работать с изображениями.
- Используя текст на странице, выделите текст, который вы хотите связать с другой страницей, щелкнув в начале раздела и затем перетащив его.
- Выделив текст, нажмите кнопку “Ссылка” значок на панели инструментов в верхней части рабочей области. При этом над выделенным словом или словами появится поле.
- На другой вкладке откройте веб-страницу, на которую вы хотите создать ссылку, и скопируйте ее URL-адрес, сначала выделив ее и нажав “Command” + “С” на Mac или “Control” + “С” в Windows.”
- Перейдите к полю URL-адреса над выделенным полем и щелкните внутри него. .
- Нажмите “Command” + “В” на Mac или “Control” + “В” в Windows. Это позволит вам вставить URL-адрес в поле.
- Нажмите пустое место на странице. или нажмите «Ввод»; добавить ссылку в текст. Под словом появится линия. Когда пользователи нажмут на это слово, они будут перенаправлены на адрес ссылки.
< h2 class="wp-block-heading">Используйте сочетание клавиш для создания ссылок
Это второй метод, который вы можете использовать для создания ссылки Figma. Вы можете использовать сочетание клавиш для добавления ссылок в текст, но не в изображения.
- Выберите текст или слово, которое вы хотите использовать в качестве ссылки.< br>
- Используйте эти сочетания клавиш, чтобы создать рамку над выделенным словом или текстом.
- Нажмите “Control” + “К” на устройствах Windows.
- Нажмите “Command” + “К” на устройствах Mac.
- Вставьте нужный URL-адрес в поле.
- Нажмите кнопку “Ввод” кнопка для создания гиперссылки.
Используйте панель прототипов для создания гиперссылки
Этот метод можно использовать как для изображений, так и для текста. Это идеальный вариант для ссылки на изображение, как на значках социальных сетей.
- Выберите текст или изображение, сначала щелкнув по нему.
- Перейдите в “Свойства” панель и откройте “Prototype.”
- В меню «Прототип» в разделе “Взаимодействия” выберите текущее взаимодействие, если оно доступно. Если его нет, нажмите кнопку “+” значок, чтобы добавить ссылку.
- Настройте параметры взаимодействия, чтобы успешно добавить ссылку:
< img src="/wp-content/uploads/2023/08/6afb8b77d4c353f62b643b03154a6aac.png" />- Установить взаимодействие «По клику».
- Затем необходимо установить действие «Открыть ссылку».
- Вставьте ссылку в поле URL-адреса.
- Отметьте флажок «Открыть в новой вкладке»; возможность открыть новую вкладку, когда пользователь нажимает на ссылку.
- Выйдите из панели прототипов, чтобы добавить изображение или текстовую ссылку. Это не меняет изображение. Однако, когда дизайн просматривается в разделе “Present” вкладка, курсор меняется при наведении курсора на изображение. Если нажать на изображение, откроется добавленная вами ссылка.
Изменить или удалить гиперссылки Figma
Если вы считаете, что ссылка не работает или хотите удалить ее, вы можете отредактировать или удалить ее. Чтобы отредактировать ссылку:
- Наведите указатель мыши на текст ссылки, чтобы открыть модальное окно ссылки.
- Выберите “Изменить” опция рядом с модальным окном для редактирования адреса.
- Внесите необходимые изменения и выйдите.
- Чтобы удалить, очистите ссылку коробка. Это полностью удалит ваш URL-адрес, и текст больше не будет связан с ним.
Повысьте доступность, добавив гиперссылки в Figma
Гиперссылки в Figma облегчают пользователям навигацию по контенту. Ваши ссылки могут перенаправлять пользователей на другие файлы, страницы, фреймы или прототипы Figma. Ссылки также могут быть связаны с внешними веб-сайтами и перенаправлять вас на новые вкладки браузера. Существуют различные способы добавления гиперссылок, и это должно быть легко с помощью шагов, описанных выше.
Вы когда-нибудь пытались добавлять гиперссылки в Figma? Каким был этот опыт? Дайте нам знать в разделе комментариев ниже.
