<?xml version="1.0" encoding="utf-8"?>

Placing an image as a fill

Placing an image as a fill

To start adding images as fills to objects in Figma, you can use either a local image or generate one with AI.

Here’s what you do:

  1. Select the shape you want to customize.
  2. In the Design panel, click the Fill swatch to open the color picker. By default, you’ll see a black and white checker placeholder.
  3. Click Choose image in the preview, select your image file from your computer, and hit Open. Your selected shape will now display the image as a fill.

You can also use AI-generated images without leaving Figma. In the Fill settings, choose the AI tab and describe what you want, like “a big red fluffy cat photo,” to generate a custom image fill instantly.

Improve your UX & Product skills with interactive courses that actually work