Інструмент 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.