How to add shapes to a Frame in Figma

Oscar de la Hera Gomez
A flower that represents Figma with the text “Add Shapes to a Frame” beneath it.

A step by step guide on adding rectangles, lines, arrows, ellipses, polygons and stars to a frame in Figma.

Step One: Select the Shape

A screenshot of Figma that shows you how to select the shape that you wish to add. The options include Rectangle, Line, Arrow, Ellipse, Polygon and Star.

Click the caret next to the square on the top bar to open the shapes dropdown menu.

The options include Rectangle, Line, Arrow, Ellipse, Polygon and Star.

Select the option that you are looking for.

Step Two: Draw the Shape

A screenshot of Figma that shows you a rectangle within a frame.

Click and drag to create the shape.

Step Three: Resize

A screenshot of Figma that shows you how to resize the shapes dimensions. Highlighted are the handles found on the corners of the rectangle as well as the dimensions inspector on the right side bar.

Using the shapes handles or the inspector on the right side bar, change the dimensions of the shape.

Looking to learn more about the basics behind text, shapes and media in Figma ?

Consult the list below to learn more about the basics behind text, shapes and media in Figma.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details