Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Pen Tool | Creating and Organizing Objects
UI/UX with Figma
course content

Course Content

UI/UX with Figma

UI/UX with Figma

1. Figma Basic Tools
2. Creating and Organizing Objects
3. Creating Visuals
4. Prototyping
5. Submitting Work

book
Pen Tool

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 Pen Tool. This game will significantly help in developing proficiency with this tool. Hope you have fun with it!

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?

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

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

Select the correct answer

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

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

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt