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?

Aprende todo, desde los conceptos básicos del diseño de interfaces de usuario hasta técnicas avanzadas de prototipado y colaboración. Explora cómo crear wireframes, diseñar composiciones visualmente impactantes y trabajar eficazmente con equipos de desarrollo utilizando las potentes funciones de Figma. Ideal tanto para principiantes como para profesionales, este recorrido de aprendizaje combina proyectos prácticos, consejos de expertos y aplicaciones reales para ayudarte a destacar en el competitivo mundo del diseño.

Aprenda qué es Figma, cuál es su función en el diseño UI/UX y cómo navegar por su interfaz y herramientas. Explore el tablero FigJam para la lluvia de ideas y la colaboración, junto con las páginas y marcos en Figma, que constituyen la base para organizar y estructurar sus diseños de manera efectiva.

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?