Before you Start

Who can use this feature

Supported on any team or plan.

Anyone with can view or can edit to a file can select objects in the canvas or Layers panel

Before you can update any properties associated with an object or layer, you will need to select it. We'll cover all the basics for selecting objects, as well as some lesser known tips and tricks.

Select individual layers

You can select layers in the canvas itself, or from the Layers panel. Click on an object in the canvas to select it.

Select nested layers

If you're working on more complex designs, you may have objects nested within groups or frames.

We refer to nested objects as children, and the Frames or Groups that they nest within as parents. Learn more about parent, child and sibling relationships.

When you click on an object that is part of a group or frame, we'll select the parent by default.

Double-click on the object - or press the enter key - to select one level of nesting down. Repeat this process until you select the correct child elements.

Deep select

If there are many levels of nesting, you can use Deep select to select a nested child layer or the top-level frame. Hold down the modifier key to select the top-level frame or a nested layer or object by clicking it on the canvas.

• Mac: ⌘ Command
• Windows: Control

Select layer menu

We have a couple of different ways to select nested objects. The Select Layer menu allows you to choose which specific you'd like to select, in the canvas.

1. Right-click to open the context menu:
2. Hover over the Select layer option.
3. Select a layer from a list of layers underneath the cursor's location. We show the layer name and icon in the same order as the Layers panel.

Layers panel

Every object in the canvas will have a corresponding layer in the Layers panel.

Click the Layers tab in the left sidebar to open the layers panel. Or, use the keyboard shortcut:

• Mac: Option 1
• Windows: Ctrl 1

If you hover over the layer in the panel, a blue box will highlight that layer's location on the canvas.

Click on the layer name in the layers panel to select it.

If there are any Frames or Groups on the canvas, we will nest the child objects within the parent. Click the arrow next to a Frame, Group, or Component to view any child layers.

Can't see the layer highlight on hover? Adjust your preferences in the menu: select Preferences > Highlight on hover.

Select multiple layers

You can also select more than one object or layer at a time.

This is great when you want to:

• Update a property across more than one layer
• Resize layers in bulk
• Move a collection of objects
• Create a group, frame, or component from the selection

Canvas

1. Select an object in the canvas.
2. Hold down the Shift key and click on another object.
3. This will allow you to select as many objects as you like.

Selection marquee

The marquee tool allows you to select all objects in a specific area of the canvas.

1. Click and hold on a empty part of the canvas.
2. Drag the cursor across any objects you'd like to select.
3. A blue box will appear around each object are in the selection.
4. To select nested layers, hold down the modifier key and drag the marquee across the objects:
   • Mac: ⌘
   • Windows: Ctrl
5. To remove an object from the selection, hold down the Shift key and click on the object.

Select multiple layers in the Layers panel

When you select layers in the Layers panel, there are some different rules:

To select every layers between two layers:

1. Click on the first layer to select
2. Hold down the Shift key
3. Select the last layer.
4. Figma will select every layer between those two layers in the Layers panel.

To select individual layers:

1. Click on the first layer to select
2. Hold down the modifier key
   • Mac: ⌘
   • Windows: Ctrl 
3. Select any other layers you want to select

Select all layers

The Edit menu allows to select multiple objects based on their properties. This allows you to select all layers in your file that have the same properties.

This is super handy when you want to adjust the properties of all those layers at once.

1. Select a layer or layers in the

2. Go to the File menu ☰ and select Edit from the options.

3. Choose to Select All other layers that have the same:

   • Properties
   • Fill
   • Stroke
   • Effect
   • Text Properties
   • Font
   • or another Instance

   

Locked and hidden layers

If you hide a layer we won't show in the Select layer menu. You will need to toggle visibility on to select it.

If you lock an object or layer, you can't select it via the normal left-click selection process. However, you can select it via the Select layer menu.

We include locked layers in the Select layer menu with a padlock icon.

Deselect objects or layers

To clear your selection entirely:

• Click anywhere on the canvas
• Use the keyboard shortcut: Esc

To remove an object from a selection:

• Hold down the Shift key and click on the object again

To select the inverse of your current selection:

• Use the keyboard shortcut:

  Mac: ⌘ A Shift

  Windows:  Ctrl A Shift

This removes the current selection, then selects everything on the canvas you didn't select before.

Select objects in view-only mode

There are a few ways to select objects in a file, but for collaborators with can view access, the experience is a bit different.

When you make your selection in the canvas, Figma will:

1. Outline your selection using a solid purple box.
2. Outline the parent of your current selection using a dashed purple box.
3. Show the name of the selected layer(s) at the top of the Inspect panel in the right sidebar.
4. Show the Parent Component underneath the selected layer in the Inspect panel. Click the in the Inspect panel to select the parent component.