Skip to main content
Question

Expose Fill (Image/Color) as a Component Property

  • April 29, 2025
  • 5 replies
  • 1107 views

Roy10

I’d like to suggest the ability to expose fill properties—specifically image and color fills—as editable component properties in Figma.

 

Use Case:

 

In designing components like cards, avatars, or thumbnails, it’s common to have a placeholder image or color that needs to be customized per instance. Currently, to change the fill, I have to drill down into the component’s layers and manually adjust the fill, which is time-consuming and prone to errors. 

 

Proposed Solution:

 

Allow fills (both image and color) to be exposed as component properties, similar to how text and instance swaps are handled. This would enable users to change fills directly from the right-hand properties panel when selecting a component instance, streamlining the workflow and improving efficiency.

 

Benefits:

 

  • Simplifies the process of customizing components with different images or colors.

  • Reduces the need to navigate into component layers for simple fill changes.

  • Enhances consistency and usability in design systems.

 

I believe this feature would greatly enhance the flexibility and usability of components in Figma.

5 replies

Angelica1
  • New Member
  • May 2, 2025

Definitely! I've been looking for a way to do this and realized there isn't. I'm resistant to having to make variants of one component just to be able to swap the colors in different contexts. If it were a property I could add to the component it would be easier and exponentially decrease the number of variants for one component. 


andrea-hg
  • Active Member
  • August 15, 2025

🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼


Ryan Pitt
  • New Member
  • February 5, 2026

+1


Carsten Schlipf

Yes! Please!


jennifer4
  • New Member
  • March 29, 2026

The lack of this feature is driving me crazy!

I need to create toolbars with hovers that change color and each one needs to be custom color branded to a future unknown client. Currently, you can change the button color properties using variables when the toolbar is applied in a design, but on hover Figma returns the original color in the nested button. To resolve that issue I have created color modes and they override the color but I don’t know what colors the designers will be changing the buttons to because the agency is working with hundreds of clients.

All I can do is use variables for a base color and apply a dark overlay on hover. In fact, I can’t even use a variable for the overlay since it is a tint of a color.  

The biggest challenge with this is that the designers want to dig into the hover and custom change where colors are filled, without a fill property they may have to detach everything and rebuild. Crazy!

If anyone has any brilliant solutions, I would love to hear from you, and thanks for letting me vent.