How to Create a Frame in Figma
- George Apostolov
How to Create a Frame in Figma: step-by-step guide
Go to the bottom section and click the 'Frame' icon.
After that, click anywhere around the design canvas to create the frame.
Use the handles to resize the frame according to your liking. You can grab and drag them until you achieve your desired frame shape and size.
After completing these steps, the frame will be finally generated and added to your design canvas.
Quick answer: To create a frame in Figma, go to the bottom section and click the Frame icon, then click anywhere on the design canvas. Use the handles to grab and drag to resize the frame to your desired shape and size until it is finally generated and added to your canvas.
About this Figma tutorial
Add and customize frames on your design canvas in Figma by clicking the Frame icon, clicking the canvas, and dragging the handles to resize. This guide shows how to create a Frame in Figma in 4 steps, starting with "Go to the bottom section and click the 'Frame' icon" and finishing with "After completing these steps, the frame will be finally generated and added to your des...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to create a Frame in Figma?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Create a Library in Figma, How to Create a Prototype in Figma and How to Create a Table in Figma FigJam. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
