---
title: "How to Add Image in Figma"
h1: "How to Add Image in Figma"
description: "Learn how to effortlessly add images in Figma with our step-by-step guide. Enhance your design projects and unleash your creativity today!"
route: "/learn/how-to-add-image-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-add-image-in-figma"
---

# How to Add Image in Figma

Adding an image to your Figma project is a straightforward process. Follow these simple steps to successfully import and place an image within your Figma design. Make sure you have the image file ready on your computer.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm9hevm0d000ald0drs84t0o5/tour

Tour id: cm9hevm0d000ald0drs84t0o5

1. **Open Your Figma File** – Go to [figma.com](https://figma.com/), log in, and open the design file where you want to add the image.
2. **Click on the “Place Image” Option** – On the top toolbar, click on the **“Place image”** icon (or go to the menu: `File` → `Place image`), or just press **Shift + Ctrl/Cmd + K**.
3. **Choose an Image File** – A file picker will open. Select the image from your computer (supports .jpg, .png, .gif, .svg, etc.).
4. **Click to Drop the Image** – After selecting the image, your cursor will change. Click anywhere on the canvas to place it, or **click and drag** to resize while placing.
5. **Drag & Resize** – Use the corners or edges to resize the image as needed. Hold **Shift** while dragging to keep the image's proportions.
6. **Fit Inside Frames or Shapes (Optional)** – If you want the image inside a shape or frame:
   
      - Select the shape, then the image.
      - Use **Right Click → Use as Mask** to crop it inside the shape.
7. **Adjust Settings** – Use the **right panel** to adjust fill, opacity, blending mode, etc., for better control over how the image looks in your design.
8. **Done** – Your image is now added to the design. You can move, layer, or style it however you want.