Figma Support Forum

Assets panel should reflect background color of page

I normally keep all my components on a separate page and I like to NOT organize them into frames but use a plugin to group and sort them by name.

However, when designing for a dark UI it’s very frustrating to use the assets panel as most components are close to invisible. Often a component itself has no background color so the bright foreground elements are displayed on a light grey rectalngle in the assets panel.

Instead of this light grey background, the assets panel should use the background color of the page a master component is located.

When designing for a dark UI it’s not uncommon to also set the background color to a darker grey to make it easier on the eye. So this solution would also work if you do not keep your components in one single page but across the entire document. And if one likes to organize them in frames, then the frame’s color could still kick in.


Im not sure what the method is for selecting the background color for assets, some of mine have black while others have none, frustrating.


We have the same problem. Sometimes it’s clunky and adds unnecessary hierarchy to put a bunch of white components inside frame, for the sole purpose of changing their assets panel background color.

(Our icon library has more than 400 icons organized in pages, definitely don’t want to add an extra layer of hierarchy inside each page).

If the assets panel can “read” the color of their container frame, it should be technically easy to also read the canvas color when they’re placed directly on the canvas.

1 Like