How do you change the opacity of a rectangle in Figma?

To change the opacity of a rectangle in Figma, you adjust its transparency using the Fill or Layer settings in the Properties panel. Here's how:

Steps to Change Rectangle Opacity in Figma:

1. Select the Rectangle: Click on the rectangle you want to modify on the Figma canvas.

2. Access the Properties Panel: Ensure the Properties panel is visible on the right side of the Figma interface. If it's not, press Option + Command + 1 (macOS) or Ctrl + Alt + 1 (Windows).

3. Adjust the Fill Opacity:

   • Fill Section: Locate the "Fill" section in the Properties panel. If there are multiple fills, select the specific fill you want to adjust.
   • Opacity Field: Within the Fill settings, you'll find an opacity percentage field (usually a number followed by a "%" symbol or a slider). Enter the desired opacity percentage or use the slider.
     • 100% means the rectangle is fully opaque.
     • 0% means the rectangle is fully transparent (invisible).
     • Any value between 0% and 100% will create a semi-transparent effect.

4. Adjust Layer Opacity:

   • Layer Section: Select the layer in the layers panel.
   • Opacity Field: In the top right of the design panel, there will be a percentage listed. Adjusting the fill will impact every layer element.

Example:

If you want the rectangle to be 50% transparent, you would enter 50 in the Opacity field of the Fill or Layer settings.

By following these steps, you can easily control the transparency of your rectangles and other shapes in Figma.