How to add images to a Frame in Figma

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

A step by step guide on adding an image to a frame in Figma.

Step One: Add an Image

A screenshot of Figma showing an image next to a frame.

Drag and drop an image into Figma or paste an image into Figma after copying it from the from the web.

Alternatively, press Command + Shift + K to open the file inspector.

Step Two: Drag the Image into a Frame

A screenshot of Figma showing the image inside the frame.

Drag the image into the frame that you wish to add the image to.

We recommend dragging it to the position that you wish to place the image in.

Step Three: Resize

A screenshot of Figma with a highlight on the corners of the image that was dragged in. These corners have squares which represent handles, which allow you to resize an image. We have also highlighted the dimensions on the inspector on the right side bar.

Using the images' 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