How Do I Insert a Picture in Shape Figma?

Inserting a picture into a Figma shape is a great way to make your designs stand out. Using the shape tool, you can easily create custom shapes, add images to them and apply various effects such as background color, gradients and drop shadows.

Whether you are creating graphics for web design, presentations or illustrations, adding a picture in your Figma shapes can make your project look more professional.

Step 1: Select the shape tool from the left-hand toolbar and choose a shape from the options available. You can also draw your own custom shape by dragging the mouse.

Step 2: Click on the ‘Fill’ icon in the top toolbar and select ‘Image’ from the dropdown menu.

Step 3: A window will pop up allowing you to search for an image that you would like to insert into your Figma shape. You can upload an image from your computer or search online using keywords.

Step 4: Once you have found an image that you would like to insert into your Figma shape, click ‘Open’ and it will be added to your canvas.

Step 5: Finally, click on ‘Style’ in the top toolbar and adjust any of the settings such as color, opacity or blend mode to customize how the image looks inside of your Figma shape.

Now that you know how to insert pictures into shapes in Figma, you can start creating more dynamic designs with ease. With just a few simple steps, you can add eye-catching images to any of your projects and take them to new levels of creativity!


Inserting pictures in shapes in Figma is easy with just a few simple steps. By selecting the shape tool from the left-hand toolbar and choosing an image from either online or on their computer, users can easily add dynamic visuals to their projects and make them look more professional.