Fills refer to the color or image that is applied within a layer’s bounds. In design software, a layer can have one fill, multiple fills, or no fill. Generally, the default fill is a solid color with 100% opacity. Fill settings can be adjusted in the color picker.

Three white triangles against a purple background showing different fill options: 1. Solid fill with 100% opacity 2. Solid fill with 50% opacity 3. White border with no fill..

Figma, a prototyping tool and graphics editor, has more information about how fills are used in design software.


Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn UI and UX Design on Codecademy