Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Create designs
  • Color, gradients, and images

Upload an image as a fill

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Change a layer's fill to an image Replace image fills

Before you start

Who can use this feature

Available on any plan

Anyone with can edit access to a file can add images

You can use an image as a layer's fill. You will need to have the image downloaded to your computer to upload it.

Change a layer's fill to an image

  1. Select a layer on the canvas. 
  2. Click on the swatch in the Fill section of the right sidebar to open the color picker.
  3. Select Image from the fill options. A placeholder image of gray and white checks will be applied to the layer's fill. 
  4. Click Upload from computer to upload an existing image or click Make an image to create an image using Figma AI.

Add an image as a fill.png

Replace image fills

You can change an image fill at any time. This will keep any fill mode settings you've applied, including any cropping or positioning.

There are a few ways to do this:

  • Drag the image file over the image preview in the color picker
  • Double-click on the image and choose a new image using the color picker
  • Drag the image file over the swatch in the Fill section of the right sidebar

replacing image fills.gif

 

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Crop an image
  • Paints in Figma
  • Apply paints with the color picker
  • Paste images in the canvas
  • Add fills to text and shape layers
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand