Ever wondered, “How can I put an image into a shape in Figma?” If so, you’re in the right place! This article will guide you through the simple steps to achieve this.

Understanding Figma and Its Features

Before we dive into the steps, let’s understand what Figma is and its features. Figma is a popular design tool that allows you to create and customize your designs with ease. One of the many features it offers is the ability to insert images into shapes, which can add a unique touch to your designs.

Inserting an Image into a Shape

The process of inserting an image into a shape in Figma is straightforward. First, create your desired shape using any of the shape tools available, such as the star tool or the rectangle tool. Once you’ve created your shape, every shape has a fill property.

The fill property is usually set to a color by default, but you can change it to an image. To do this, click on the fill property and switch it to ‘image.’ Then, select the image you want to insert by clicking on the checkerboard pattern. This action will open your file explorer, allowing you to choose your desired image.

Once you’ve selected your image, it will be placed inside your shape. The image is set to ‘fill’ by default, meaning it will fill the entire space of the shape. You can adjust the image’s size and position by changing the fill settings to ‘fit’ or ‘crop.’

Copying Fill Properties from an Existing Image

If you already have an image in your document, you can copy its fill properties and apply them to your shape. To do this, click on the image and highlight the fill property without selecting it. Then, press Command/Control+C to copy the fill property.

Next, click on your shape and press Command/Control+V to paste the fill property. This action will apply the fill property of the image to your shape, effectively inserting the image into the shape.

Applying Images to Frames

The same process can be applied to frames in Figma. Just like shapes, frames have a fill property that can be changed to an image. This feature allows you to insert images into your frames, adding more versatility to your designs.


And there you have it! With these simple steps, you can easily insert an image into a shape in Figma and enhance your designs. Remember, a well-designed project is not only pleasing to the eye but also makes your work stand out.