<?xml version="1.0" encoding="utf-8"?>

Fills for vector shapes

Fills for vector shapes

To infuse color into closed areas of a vector network in Figma, follow these steps:

  • Select your vector network.
  • Enter edit mode by pressing Return (Mac) or Enter (Windows).
  • Activate the Paint Bucket tool by clicking its icon in the bottom toolbar or pressing Shift B.
  • Hover over a closed region within the vector network. The cursor will change to a droplet icon with a plus sign inside. Click to apply the fill. Once the area is filled, the icon will change to a minus, indicating you can click again to remove the fill.

You can apply different fills to multiple closed regions within the same network.

Pro Tip: To add color outside the vector network mode, simply exit the mode, select your shape, and then use the fill parameters in the right sidebar.

Improve your UX & Product skills with interactive courses that actually work