Pen Tool in Figma

Key Concepts

• Anchor Points: Points that define the shape and curvature of a path.
• Handles: Lines extending from anchor points that control the direction and curvature of the path.
• Paths: Lines created by connecting anchor points, forming shapes or outlines.

Detailed Explanation

Anchor Points

Anchor points are the fundamental building blocks of shapes created with the Pen Tool. When you click on the canvas, you create an anchor point. Connecting multiple anchor points forms a path. You can adjust the position of anchor points to change the shape of your path.

Handles

Handles are lines that extend from anchor points and control the curvature of the path. When you click and drag an anchor point, handles appear, allowing you to create smooth curves. By adjusting the length and angle of these handles, you can fine-tune the shape of your path.

Paths

Paths are the lines created by connecting anchor points. These paths can be closed (forming shapes) or open (forming lines or outlines). By manipulating anchor points and handles, you can create complex shapes and outlines that are not possible with basic shapes.

Examples and Analogies

Anchor Points

Imagine anchor points as the nails in a wooden frame. Each nail (anchor point) holds the frame together, and by moving the nails, you can change the shape of the frame.

Handles

Think of handles as the strings attached to a kite. By pulling on the strings (handles), you can control the direction and shape of the kite. Similarly, handles in Figma allow you to control the curvature of your paths.

Paths

Consider paths as the lines drawn by a pencil. By connecting multiple points with a pencil, you can draw complex shapes. In Figma, paths created with the Pen Tool allow you to draw intricate shapes and outlines.