Using transparent cutouts in Canva, Figma, Photoshop, PowerPoint, and Cricut

A transparent cutout becomes useful once it is inside the tool where you design: a social post in Canva, a mockup in Figma, a composite in Photoshop, a slide in PowerPoint, or a sticker on a cutting machine. Each app handles transparent images slightly differently. This guide covers how to get your cutout into each one with the transparency intact, and a few techniques that make cutouts look designed rather than pasted.

Export the right file first

For design work, export a PNG with a transparent background from the PNG creator. PNG is lossless and supported by every app below. WEBP also keeps transparency and is smaller, but some desktop apps do not open it, and JPG cannot be transparent at all. PNG vs WEBP vs JPG explains the details.

Keep the full resolution. You can always scale a large image down in a design tool, but scaling a small one up makes it blurry. On a computer, the tool exports at your original photo's size unless you crop it; on a phone, photos above about 4 megapixels are scaled down first, so do design work that needs large files on a laptop or desktop.

Canva

Upload the PNG via Uploads and drag it onto your design. Transparency is preserved, so the cutout sits directly on whatever is behind it. Tips:

• To place a person or product over a background photo, add the background first, then the cutout on top. Use Position to change layer order.
• Canva's Shadows effect (under Edit image) adds drop or glow shadows to a transparent image, which helps it sit naturally on the background.
• For a sticker or outline effect, look for Canva's outline-style effects under Edit image, which follow the transparent edge.

Figma

Drag the PNG onto the canvas, or paste it after copying the file. Figma keeps the alpha channel. Tips:

• Use a Drop shadow effect on the image layer; because the layer is transparent, the shadow follows the shape of the subject, not the rectangle.
• To use a cutout as a mask, place a shape or another image above it and use Use as mask on the cutout. This is handy for putting a texture or gradient inside the subject's silhouette.
• When handing off to developers, export as PNG or WEBP at 2x for high-resolution screens.

Photoshop and other layer-based editors

Open the PNG or place it into an existing document (File, Place Embedded). It appears as a layer with transparency. Tips:

• To refine the edge further, add a layer mask from the transparency (Layer, Layer Mask, From Transparency). You can then paint on the mask to fix small details without destroying pixels.
• Add a Drop Shadow or Outer Glow layer style for depth, or paint a contact shadow on a separate layer underneath.
• Affinity Photo, GIMP, Pixelmator, and Photopea all open transparent PNGs as layers in the same way.

PowerPoint, Keynote, and Google Slides

Insert the PNG as a picture. All three keep the transparency, so a cutout of a person or product sits directly on your slide background instead of in a white box. Tips:

• Layering text behind a person (a popular magazine-style effect) works by placing the full photo, then the text, then the cutout on top, aligned exactly with the photo.
• Avoid copying and pasting images between apps through the clipboard if transparency disappears; insert the PNG file directly instead. Some clipboard routes flatten transparency to white.

Cricut and other print-and-cut machines

Cutting machines can print your image and then cut around it, which is how many people make stickers. Upload the PNG to Cricut Design Space (or Silhouette Studio) as a complex image. Because the background is already transparent, there is nothing to erase; the software detects the outline from the transparent edge.

• Use a high-resolution cutout; the print is only as sharp as your image.
• Add an offset (a white border around the sticker) in the design software. It hides small imperfections at the edge and makes the cut more forgiving.
• Very fine details, such as individual hair strands, cannot be cut physically. The offset smooths them into a clean outline.

Making cutouts look natural in a layout

• Match the light. If your background photo is lit from the left, the cutout should be too. Flip the cutout horizontally if needed.
• Add a shadow. A subject without any shadow looks pasted on. A soft drop shadow or a contact shadow below the subject grounds it. See adding natural shadows.
• Match the sharpness. If the background is blurred, slightly blurring the cutout's edges (or the whole cutout a little) helps it belong.
• Match the color. A small color adjustment so the cutout's warmth matches the scene makes a large difference.

Summary

Export a full-resolution transparent PNG, insert the file directly into your design app instead of pasting through the clipboard, and use each app's own shadow and outline effects to make the cutout look like part of the design. For stickers, add an offset border so small edge details become a clean cut line.