Summary  
This chapter covers using the pen tool to create and edit vector shapes by placing anchor points (nodes) and manipulating Bézier curve handles for precise control over curves.

General domain of usage  
Vector graphic design

Інструмент **Pen** на панелі інструментів дозволяє створювати фігури шляхом з'єднання точок (або вузлів). Під час замикання фігури з'являється іконка кола; за замовчуванням фігура має обведення, але не має заливки.  

Щоб малювати криві, натисніть і перетягніть для створення ручок, які керують кривизною. Використовуйте **Alt/Option** для розриву ручок і незалежного керування або **Shift** для фіксації їх по вертикалі, горизонталі чи під кутом 45°.  

Для розширеного редагування використовуйте **Ctrl/Command** для доступу до інструменту згинання, щоб перетворювати прямі лінії на криві, змінювати вузли або додавати/видаляти ручки. Під час використання Pen Tool ви перебуваєте в "режимі ізоляції", і фігури розглядаються як єдине ціле, доки ви не вийдете з нього за допомогою **Escape**.

Ось посилання на сайт, згаданий для практики <a href="https://bezier.method.ac/" target="_blank"> Pen Tool</a>.
Ця гра значно допоможе розвинути навички роботи з цим інструментом. Бажаємо приємної практики!

Break handles for independent control when adjusting curves

Snap handles to vertical, horizontal, or 45° angles while dragging

Access the bend tool to convert straight lines to curves or modify nodes; add/remove handles

Exit "isolation mode" while using the Pen tool

Що відбувається, якщо утримувати **Alt/Option** під час перетягування ручки Pen Tool?

Як перетворити пряму лінію на криву за допомогою Pen Tool?

Вивчіть усе — від основ проектування користувацьких інтерфейсів до просунутих технік прототипування та співпраці. Дослідіть, як створювати вайрфрейми, розробляти візуально привабливі макети та ефективно працювати з командами розробників, використовуючи потужні можливості Figma. Ідеально підходить як для початківців, так і для професіоналів: цей навчальний шлях поєднує практичні проєкти, експертні поради та реальні приклади застосування для досягнення успіху у конкурентному світі дизайну.

Дізнайтеся, що таке Figma, яку роль вона відіграє в UI/UX-дизайні, а також як орієнтуватися в її інтерфейсі та інструментах. Ознайомтеся з дошкою FigJam для брейнштормінгу та співпраці, а також із сторінками та фреймами у Figma, які є основою для ефективної організації та структурування ваших дизайнів.

Дізнайтеся, як шари у Figma допомагають організувати ваш дизайн, дослідіть, як згруповані фігури сприяють створенню вражаючих візуальних елементів, і навчіться стильно оформлювати текст за допомогою типографічних інструментів.

Дізнайтеся, як розміщувати фотографії та відео, використовувати маски та застосовувати режими змішування для створення динамічних дизайнів. Опануйте кольори, градієнти, кнопки, автолейаути, компоненти та стилі. Відкрийте для себе можливості плагінів і віджетів для підвищення креативності та оптимізації робочого процесу.

Дослідження колонок, сіток, плагінів і структури компонентів типу батько-дитина для оптимізації процесу проєктування.

Розробка низькодеталізованих вайрфреймів, створення інтерактивних прототипів, анімація дизайнів і ефективна презентація робіт клієнтам.

Інструмент Pen у Figma: Створення Користувацьких Форм і Векторної Графіки

1. Що відбувається, якщо утримувати Alt/Option під час перетягування ручки Pen Tool?

2. Як перетворити пряму лінію на криву за допомогою Pen Tool?