How to Use Pencil Tool in Figma: Simple Steps for Beginners
In Figma, use the
Pencil Tool by selecting it from the toolbar or pressing Shift + P on your keyboard, then click and drag on the canvas to draw freehand shapes or lines. You can adjust the stroke and smoothness after drawing to refine your design.Syntax
The Pencil Tool in Figma is accessed via the toolbar or by pressing the Shift + P keys. Once active, you click and drag on the canvas to draw freehand paths. After drawing, you can edit the path points or adjust stroke properties.
- Select Pencil Tool: Click the pencil icon or press
Shift + P. - Draw: Click and drag on the canvas to create a path.
- Edit: Use the node handles to adjust curves or change stroke width and color.
figma
Pencil Tool Usage: 1. Select Pencil Tool (Toolbar or press Shift + P) 2. Click and drag on canvas to draw 3. Adjust stroke and path points as needed
Example
This example shows how to draw a simple freehand squiggle using the Pencil Tool in Figma.
figma
1. Press <code>Shift + P</code> to activate the Pencil Tool. 2. Click and drag on the canvas to draw a squiggly line. 3. Release the mouse button to finish the path. 4. Select the path to change stroke color or thickness in the right panel.
Output
A freehand squiggly line appears on the canvas, editable by adjusting anchor points or stroke settings.
Common Pitfalls
Beginners often face these issues when using the Pencil Tool:
- Not holding the mouse steady: Causes jagged or uneven lines.
- Not finishing the path: Releasing the mouse too early can create incomplete shapes.
- Ignoring stroke settings: Forgetting to adjust stroke width or smoothing can make drawings look rough.
- Confusing Pencil Tool with Pen Tool: Pencil draws freehand, Pen creates precise anchor points.
To fix jagged lines, use the smoothing slider in the right panel after drawing.
figma
Wrong way:
- Draw with shaky hand, no smoothing
Right way:
- Draw steadily
- Adjust smoothing slider after drawing
- Edit anchor points for cleaner curvesQuick Reference
| Action | Shortcut / Location | Description |
|---|---|---|
| Activate Pencil Tool | Shift + P key or Toolbar icon | Selects the Pencil Tool for freehand drawing |
| Draw | Click and drag | Draw freehand lines or shapes on the canvas |
| Finish Path | Release mouse button | Completes the current drawing path |
| Adjust Stroke | Right panel > Stroke | Change color, thickness, and smoothing of the path |
| Edit Path Points | Select path > Node handles | Modify curves and anchor points for precision |
Key Takeaways
Press Shift + P or select the Pencil Tool icon to start drawing freehand in Figma.
Click and drag on the canvas to create your shape or line, then release to finish.
Use the smoothing slider and edit anchor points to refine your drawing.
Avoid shaky movements and incomplete paths for cleaner results.
Remember Pencil Tool is for freehand, different from the Pen Tool's precise points.