How Do You Crop a Frame in Figma?

Working with Figma is a great way to create design mock-ups and prototypes. One of the most basic and useful operations in Figma is cropping a frame. Cropping a frame allows you to focus on specific parts of your design and make sure that everything looks as expected.

To crop a frame in Figma, open up the project you are working on and select the frame or object you would like to crop. Then, click on the “Crop” button in the top menu bar.

This will bring up an overlay with two “handles” that you can use to adjust the size of your crop. You can also adjust the position by clicking and dragging within the overlay.

Once you are finished adjusting your crop, click on the “Done” button at the bottom of the overlay. This will apply your changes and create a new cropped version of your frame or object.

Additional Tips:

  • You can also use keyboard shortcuts when cropping frames: Ctrl+Alt+C (Windows) or Cmd+Option+C (Mac).
  • You can also copy and paste frames within the same project or different projects using keyboard shortcuts: Ctrl+Alt+V (Windows) or Cmd+Option+V (Mac).

Now that you know how to crop frames in Figma, it’s time to start experimenting with different sizes and shapes! Cropping frames is one of those essential tools for any designer, so make sure to practice it until it becomes second nature.


Cropping frames in Figma is quick and easy, allowing designers to focus on specific parts of their designs without having to re-create them from scratch. With practice, designers can become proficient at using keyboard shortcuts for cropping frames in order to speed up their workflow.