How to bend shapes in Figma

Do you want to learn about Figma from the ground up? You are in the right place.

Figma comes with a hundreds of features to assist you in creating fantastic websites. While every tool has its place in specific situations, just a few are absolutely necessary for getting the most out of Figma. Follow along as we walk you through the most important Figma features in clear step-by-step tutorials.

This tutorial is designed for absolute beginners and will teach you how to bend shapes in Figma.

So, without further ado, let’s get started.

figma-course-banner-1

Bend a rectangular shape

1 – Create a rectangle

  • Select the rectangle shape tool on the top bar or use the keyboard shortcut R.
Untitled
  • Click on a spot in the canvas and drag to draw a shape.
Untitled

2 – Bend the rectangle

  • Select the rectangle layer and head to the center toolbar and select the Edit object icon.
Untitled

After selecting Edit object, four dots will appear in the corners of the rectangle.

  • Select one of the corner points and drag it to bend the rectangle.
Untitled
  • Once you’re happy with how your shape looks, you can leave edit object mode by clicking the Done button on the toolbar.
Untitled

Bend a circle

1 – Create a circle

Click the arrow next to the Rectangle to open the shape tools menu.

  • Select the Ellipse shape tool on the top bar or use the keyboard shortcut O.
Untitled
  • Click on a spot in the canvas and hold down the shift key then drag to draw a perfect circle.
Untitled

2 – Bend the circle

  • Select the ellipse shape and head to the center toolbar and select the Edit object icon.
Untitled

After selecting Edit object, four dots will appear in the edges of the ellipse.

Untitled
  • Select one of the corner points and drag it to bend the ellipse.
Untitled
  • Once you’re happy with how your shape looks, you can leave edit object mode by clicking the Done button on the toolbar.
Untitled

figma-course-banner-1

Conclusion

Congratulations, you now know how to bend shapes in Figma! I hope you found this tutorial helpful; if so, you’ll appreciate our other Figma tutorials. If you want to continue your Figma learning experience, we’ve got you covered with everything from creating a new file to organizing your files to collaborating with your team.

Please share this tutorial with your friends who want to learn Figma; it would mean a lot to us. We’ll see you in the next Figma tutorials.

Related Articles