В этой инструкции разбираем как редактировать вектор в фигме с инструментом «Edit object». Это можно использовать для любых векторных элементов (иконок, иллюстраций, фигур созданных с помощью стандартных инструментов фигмы).
![Редактирование векторного элемента](https://web-design.center/wp-content/uploads/2021/04/01-vector-1024x601.jpg)
Если выбрать элемент, который был нарисован с помощью стандартных инструментов в Figma или любой дургой векторный элемент, то сверху появится иконка «Edit object».
![Выбор инструмента «Bend tool» для скругления углов в фигме](https://web-design.center/wp-content/uploads/2021/04/02-vector-1024x600.jpg)
Если её нажать, то на объекте появятся точки и возможность их перемещать. Сверху появятся дополнительные инструменты, которые вы можете использовать.
![Скругление углов у векторного элемента в фигме](https://web-design.center/wp-content/uploads/2021/04/03-vector-1024x601.jpg)
Bend tool — это инструмент Figma для изгиба, который помогает скруглять углы. Если выбрать этот инструмент и нажать на какую-то точку левой клавишей мыши, а затем потянуть в сторону, то появятся рычаги, с помощью, которых вы можете изменять фигуру.
![Изменение векторного элемента с помощью одного рычага](https://web-design.center/wp-content/uploads/2021/04/04-vector-1024x600.jpg)
Если при редактировании задать клавишу «Alt», то можно передвигать один из рычагов.
![Изменение вектора в фигме с зажатой клавишей shift](https://web-design.center/wp-content/uploads/2021/04/05-vector-1024x561.jpg)
При зажатии клавиши «Shift», будет возможность изменять расположение рычагов на 45 градусов.
![Заливка векторной фигуры в фигме](https://web-design.center/wp-content/uploads/2021/04/06-vector-1024x602.jpg)
Инструмент «Paint bucket» позволяет закрашивать какие-либо области или наоборот убирать из них заливку.
![Изменение векторной фигуры](https://web-design.center/wp-content/uploads/2021/04/07-vector-1024x601.jpg)
Вы можете ставить дополнительные точки внутри отрезков фигуры, как показано на скриншоте выше и перемещать их.
![Дорисока в векторной фигуре с помощью пера](https://web-design.center/wp-content/uploads/2021/04/08-vector-1024x601.jpg)
Инструменты «Pen tool» и «Pen» помогают дорисовывать дополнительные точки у вашей фигуры.
Заключение
Итак, в этом небольшом видео и статье вы узнали как редактировать вектор в фигме и разобрали про инструмент «Edit object».
P.S. Если хотите получить бонусные материалы по быстрому созданию дизайна сайтов в Figma, то переходите по этой ссылке.
Автор статьи: Владимир Чернышов
P.P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).