Summary  
This chapter explains how to construct and modify custom vector paths using a pen tool by placing and closing anchor points, drawing and adjusting Bézier curve handles (with angle snapping and handle breaking), and converting straight segments to curves.  

General domain of usage  
Vector graphic design

The **Pen tool** in the toolbar allows you to create shapes by connecting points (or nodes). A circle icon appears when closing a shape, which by default has a stroke but no fill.  

To draw curves, click and drag to create handles that control the curvature. Use **Alt/Option** to break handles for independent control or **Shift** to snap them to vertical, horizontal, or 45° angles.  

For advanced edits, use **Ctrl/Command** to access the bend tool to convert straight lines to curves, modify nodes, or add/remove handles. While using the pen tool, you're in "isolation mode," and shapes are treated as one until you exit with **Escape**.

This is the link to the website mentioned for practicing the <a href="https://bezier.method.ac/" target="_blank"> Pen Tool</a>.
This game will significantly help in developing proficiency with this tool. Hope you have fun with it!

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

What does holding **Alt/Option** while dragging a Pen Tool handle do?

How can you convert a straight line to a curve using the Pen Tool?

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

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

Pen Tool in Figma: Creating Custom Shapes and Vector Graphics

1. What does holding Alt/Option while dragging a Pen Tool handle do?

2. How can you convert a straight line to a curve using the Pen Tool?