Инструмент Pen Tool (Перо) в Figma

   Инструмент Pen Tool (Перо) вызывается если кликнуть по нему или нажать горячую клавишу P. Левой кнопкой мыши ставим первую нашу точку и сразу же появляется векторное меню.

   Создавая при помощи пера некое очертание видим что углы нашего рисунка довольно острые. Чтобы они были скруглёнными достаточно зажать левую кнопку мыши. Появятся "усики", потянув за которые можно менять изгиб.

   Когда фигура создана, закрываем её, кликнув в рядом стоящую, ранее созданную точку и нажимаем пиктограмму Done либо Enter на клавиатуре.

   Если в рисунке нужно что-либо изменить, кликаем на пиктограмму Edit object либо дважды левой кнопкой мыши по самим линиям рисунка.

   Давайте разберём меню инструмента Pen Tool:

• Move tool - позволяет двигать точки или создавать новые. Если зажать Ctrl, можно искривлять прямые линии. Выделив точки на углах, можно в инспекторе задать угол скругления.
• Pen tool - добавляет в рисунок дополнительные точки и линии. Зажав Ctrl, можно скруглять эти линии.
• Bend tool - работает с "усиками" линий, скругляя их. Если нажать повторно на точку уже скруглённой линии, то она выпрямится так как и была до искривления.
• Paint buscket - заливает отдельные части нашего рисунка. Чтобы убрать заливку, нужно кликнуть на залитый участок ещё раз.

   В инспекторе есть ещё режимы отражения этих усиков:

• Mirror angle and length - зеркально отражает и угол направления и длину усика.
• No mirroring - не зеркалит, обращается именно к тому усику, который выбран.
• Mirror angle - зеркалит только направление усика.

   Для тренировки можешь попробовать самостоятельно создать некоторые иконки:

   В реальной практике конечно же никто не создаёт иконки самостоятельно. Все иконки скачиваются или используются уже готовые наборы иконок в Figma. Перо чаще всего необходимо для того, чтобы исправлять, редактировать, изменять.

   К примеру, у нас есть скачанная svg иконка, но она немного отступает от нашего "видения прекрасного" и мы при помощи пера начинаем её дорабатывать. Но помните, нам для изменения подходит только svg формат, никак не png.