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

Чтобы создать кликабельную область для ссылки, нужно использовать функцию Add Prototype Connection. 1 Необходимо выделить элемент, который должен стать активным, нажать на круглый маркер справа и протянуть связь к целевому фрейму или компоненту. 1

Настроить поведение ссылки можно через панель Prototype. 1 Нужно нажать на синюю кнопку с «+» (add connection) и указать целевой фрейм или экран для перехода. 1 Затем выбрать тип анимации перехода из доступных вариантов. 1

Для перехода на внешние сайты нужно: 1

1. Выбрать элемент и открыть вкладку Prototype. 1
2. В поле Interaction нажать «+» для создания нового действия. 1
3. Выбрать триггер «On Click» и тип взаимодействия «Open URL». 1
4. Вставить URL-адрес в соответствующее поле. 1 Figma поддерживает ссылки с протоколами http://, https://, tel:// и mailto://. 1

При тестировании прототипа кликабельный элемент откроет указанный веб-ресурс в новой вкладке браузера. 1

Чтобы отредактировать или удалить ссылку, нужно: 5

1. Дважды щёлкнуть по связанному тексту, чтобы войти в режим редактирования текста. 5
2. Нажать или навести курсор на связанный текст, чтобы открыть модальное окно ссылки. 5
3. Выбрать «Редактировать». 5
4. Обновить URL или удалить его, чтобы удалить ссылку. 5