How To Replace Image Figma

Figma is a user-friendly design tool that is favored by many designers due to its collaborative features and intuitive interface. One of the most common tasks you might need to do while working in Figma is replacing images. Whether you’re updating a design or simply trying out different visuals, knowing how to replace an image efficiently will save you time and streamline your workflow.

Step 1: Select the Image You Want to Replace

The first step in replacing an image in Figma is selecting the image. To do this, use the Select Tool in the toolbar at the top of the screen, or simply press the S key on your keyboard to activate it, then click on the image you want to replace.

Step 2: Access the Fill Settings

With the image selected, navigate to the right-hand side of the screen to find the Properties Panel. Here, you’ll see a Fill section with a thumbnail of your currently selected image. Click on this thumbnail.

Step 3: Choose a New Image

In the fill settings, you will see a button titled Choose Image…. Click on it to open your computer’s file explorer where you can select the new image you wish to use.

Step 4: Adjust the Image

Once the new image is in place, you have the freedom to adjust it to fit your design. Use the Scale tool in the Properties Panel to resize the image, or use the Move tool to reposition it.

Step 5: Save Your Work

Don’t forget to save your work! Click the File menu at the top left of the screen, then click Save. Alternatively, you can use the shortcut Ctrl + S (or Cmd + S on a Mac) to save your work in Figma.


That’s all there is to it! With these easy steps, you can replace any image in your Figma designs. This simple process helps to ensure that you can maintain the flexibility and adaptability that is so crucial in the design process. Remember, Figma is a powerful tool that can make your designing process easier, faster, and more collaborative, so learning these basic functions is key to making the most out of this platform.