Как работает система взаимодействия с ссылками в Figma?

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

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

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

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

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

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

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

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