Если вам потребовалось вставить кликабельные ссылки в фигме, то вот простая и пошаговая инструкция на 1 минуту. Вы узнаете как быстро и легко сделать гиперсссылку.
Ниже инструкция, по добавлению ссылок в текст, кнопку или любой другой элемент.
Как сделать ссылку в Figma в тексте
![Создание ссылки в тексте фигмы](https://web-design.center/wp-content/uploads/2021/03/1-create-link-1024x582.jpg)
Чтобы добавить кликабельную ссылку в текст в Figma, выделите нужный фрагмент текста и нажмите на пиктограмму ссылки сверху. После этого вставьте ссылку на нужный сайт.
![Изменение созданной ссылки в фигме](https://web-design.center/wp-content/uploads/2021/03/2-link-creater-figma-1024x582.jpg)
Если нажать на созданную ссылку, то появится возможность перейти по ней. Для этого нажмите на надпись «Open link». Если захотите отредактировать ссылку, то нажмите на надпись «Edit».
Как вставить ссылку в кнопку, изображение или любой элемент?
![Создание фрейма из кнопки](https://web-design.center/wp-content/uploads/2021/03/3-link-button-create-frame-1024x637.jpg)
Чтобы добавить ссылку на кнопку, изображение или любой другой элемент в Figma, сначала нужно преобразовать его во фрейм. Для этого выберите элемент и нажмите на правую клавишу мыши. Выберите пункт «Frame selection» или зажмите 3 горячие клавиши «Ctrl + Alt + G».
![Режим прототипирования, нажатие на иконку плюса напротив надписи «Interaction»](https://web-design.center/wp-content/uploads/2021/03/4-link-button-create-link-1024x524.jpg)
После того, как фрейм создан, выберите его, перейдите в правой панели в раздел «Prototype» и нажмите напротив надписи «Interaction» на плюс.
![Режим прототипирования в фигме](https://web-design.center/wp-content/uploads/2021/03/5-link-button-click-open-link-1024x524.jpg)
Нажмите на надпись «Click». В появившемся окне вместо значения «None» выберите «Open link».
![Добавление ссылки в кнопку в режиме прототип в figma](https://web-design.center/wp-content/uploads/2021/03/6-link-button-paste-link-1024x517.jpg)
Появится возможность вставить вашу ссылку в поле, как показано на скриншоте выше.
Если перейдете в режим презентации (иконка Play сверху и справа), то при нажатии на эту кнопку будет открываться та ссылка, которую вы вставили.
Заключение
Итак, вы узнали как делать ссылки в фигме. Это довольно простая инструкция по гиперссылкам. Если есть вопросы по теме ссылок или по работе или в программе Figma, то пишите их в форме комментариев ниже. Если тема будет интересной, то напишем отдельную статью по этой теме или запишем видео.
P.S. Если хотите получать больше материалов по фигме и научиться делать дизайн сайтов быстро, то кликните по этой ссылке. Это подойдет, как для начинающих веб-дизайнеров, так и для тех, кто в теме.
Автор статьи: Владимир Чернышов
![Дизайн генератор — комплект figma](https://web-design.center/wp-content/uploads/2021/09/banner-design-generator.png)
P.P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).