Skip to main content

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.

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. 


Reply