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?

Erlernen Sie alles von den Grundlagen der Gestaltung von Benutzeroberflächen bis hin zu fortgeschrittenen Prototyping- und Kollaborationstechniken. Entdecken Sie, wie Sie Wireframes erstellen, visuell ansprechende Layouts gestalten und effektiv mit Entwicklungsteams unter Nutzung der leistungsstarken Funktionen von Figma zusammenarbeiten. Ideal für Einsteiger und Profis kombiniert dieser Lernpfad praxisnahe Projekte, Experten-Tipps und reale Anwendungsbeispiele, um Ihnen zum Erfolg in der wettbewerbsintensiven Designwelt zu verhelfen.

Erfahren Sie, was Figma ist, welche Rolle es im UI/UX-Design spielt und wie Sie die Benutzeroberfläche sowie die Werkzeuge bedienen. Entdecken Sie das FigJam-Board für Brainstorming und Zusammenarbeit sowie Seiten und Frames in Figma, die die Grundlage für eine effektive Organisation und Strukturierung Ihrer Designs bilden.

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?