How to Use Images in Figma

Writer
Updated on: December 19, 2022

A few essential aspects of the application design include using images, which can attract customers and make it feel more related to the application. In addition, images can help it feel more realistic and applicable.

Remember that a picture speaks louder than thousands of words. This tutorial will show you How to use images in Figma, so stay tuned.

How to Place Images 

Using images in Figma is easy, and there are a few ways. To start, select the Images tab from the top menu of your canvas. 

How to Use Images in Figma1

Here, you can upload images from your computer, insert images from online sources, or select from images you’ve already uploaded. Once you’ve uploaded or selected the image you want, simply drag it onto the canvas and use the handles to resize it. 

NOTE: You can place the image inside or outside the frame by simply dropping the image inside or outside the frame. Easy.  

To move the image, select it and drag it around the canvas. You can also use the formatting options in the right-hand sidebar to adjust the image’s size, position, and opacity.

How to Use Images in Figma2

Another way of placing images in Figma is using a Shape. Once you draw a shape where you want to place the image, leave the shape selected, go to the top menu, and select Place Image.

This way, the image will automatically adjust to the shape's size. 

How to Use Images in Figma3

If you want to add additional effects to the image, select it and click the Effects tab in the right-hand sidebar. Here, you can choose from various options, including blur, shadows, and more.

Finally, if you need to make any adjustments to the image, select it and click the Edit tab in the right-hand sidebar. You can change the image’s hue, saturation, contrast, and more here. 

How to Use Images in Figma4

In conclusion, there’s nothing that can’t be done with images in Figma. It’s time to explore and make the best use of them. Stay tuned!

Access 2,701+ video lessons. Instantly.
Start Learning Now →
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram