Если вы интересуетесь тем, как сделать стрелки в фигме, то вот вам пошаговая инструкция. Поговорим об инструменте «Arrow». Как сделать стрелки прямыми, изогнутыми, пунктирными. Расскажу как стрелки на концах сделать в виде линии и треугольника. Ниже видео и статья в текстовом формате со скриншотами.
Как сделать стрелку в фигме
![Создание новой стрелки в фигме](https://web-design.center/wp-content/uploads/2021/04/01-strelki-1024x600.jpg)
Чтобы сделать (нарисовать) стрелку в фигме, выберите сверху слева в панели инструментов «Line» или нажмите на комбинацию горячих клавиш «Shift + L». Затем с зажатой левой клавишей мыши нарисуйте стрелку нужной длинны.
Как изменить цвет и размер стрелки в фигме?
![Изменение размеров и цвета стрелки в фигме](https://web-design.center/wp-content/uploads/2021/04/02-strelki-1024x602.jpg)
Чтобы изменить цвет стрелки в фигме, выберите нужную стрелку и в правой панели внизу надписи «Stroke» задайте другое значение цвета. В том же месте можно изменить толщину стрелки. Изначально создается стрелка толщиной в 1 px.
Как изменить конец стрелки в Figma (скруглить, сделать квадратной)
![Редактирование элемента](https://web-design.center/wp-content/uploads/2021/04/03-strelki-1024x600.jpg)
Чтобы появилась возможность отредактировать стрелку в Figma, выберите её, затем сверху по центру нажмите на иконку «Edit object». Также можно нажать на клавишу «Enter».
![Выбор одного конца стрелки в figma и редактирование](https://web-design.center/wp-content/uploads/2021/04/04-strelki-1024x601.jpg)
Если выберите какой-то конец стрелки, затем в правой панели нажмёте на иконку с тремя точками, то можно задавать различные значения для конца.
![Скругление конца у стрелки](https://web-design.center/wp-content/uploads/2021/04/05-strelki-1024x602.jpg)
Если выберите значение «Round» из списка, то конец стрелки будет скругленным.
![Прямоугольный конец стрелки](https://web-design.center/wp-content/uploads/2021/04/06-strelki-1024x602.jpg)
При выборе значения «Square», конец будет квадратным.
![Создание стрелки из линий](https://web-design.center/wp-content/uploads/2021/04/07-strelki-1024x601.jpg)
Если зададите значение «Line arrow», появится стрелка в виде линии.
![Стрелка в виде треугольника](https://web-design.center/wp-content/uploads/2021/04/08-strelki-1024x601.jpg)
Нужна стрелка в виде треугольника? Выберите значение «Triangle arrow».
![Пунктирная линия](https://web-design.center/wp-content/uploads/2021/04/09-strelki-1024x599.jpg)
Если хотите сделать стрелку с пунктирными линиями, то внизу напротив надписи «Dashes» укажите значение в цифрах. Например если зададите «10, 20», то появится пунктирная линия длинной в 10 px и разрывом между линиями 20 px.
Как сделать стреку в Figma изогнутой?
![Изменение элемента](https://web-design.center/wp-content/uploads/2021/04/10-strelki-1024x601.jpg)
Чтобы сделать стрелку в Figma изогнутой, выберите её, затем сверху по центру активируйте иконку «Edit object».
![Добавление новой точки у линии](https://web-design.center/wp-content/uploads/2021/04/11-strelki-1024x599.jpg)
Появится возможность добавлять точки по центру отрезка линии.
![Ломанная стрелка](https://web-design.center/wp-content/uploads/2021/04/12-strelki-1024x601.jpg)
Если потяните созданную точку в сторону или вниз, то создадите изогнутую линию у стрелки.
![Скругление стрелки](https://web-design.center/wp-content/uploads/2021/04/13-strelki-1024x601.jpg)
Чтобы задать скругление созданного угла, выберите иконку «Bend tool» сверху, слева. Затем потягите точку в сторону.
Заключение
Итак, сегодня вы узнали, как делать стрелки в Figma.
P.S. Если хотите получить бонусные материалы по быстрому созданию дизайна сайтов в Figma, то переходите по этой ссылке.
Автор статьи: Владимир Чернышов
![Дизайн генератор — комплект figma](https://web-design.center/wp-content/uploads/2021/09/banner-design-generator.png)
P.P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).