How Do You Name Elements in Figma?

Figma is a powerful design tool that enables users to create, collaborate on, and share designs quickly. It offers many features, from a direct connection to the design library to the ability to preview designs on multiple devices.

One of the most important features in Figma is its ability to name elements. Naming elements in Figma makes it easier for teams to collaborate and keeps everyone on the same page when working on a project.

The first step in naming elements in Figma is to select an element. This can be done by clicking on it or by using the Selector Tool.

After selecting an element, you can give it a name by clicking the “Name” option at the top of the Inspector Panel. You can also access this option by pressing “N” on your keyboard. Once you have given an element a name, it will appear in the Inspector Panel and you can use it as a reference when creating other elements.

You can also use styles to apply consistent names across multiple elements. To do this, select an element and give it a name in the Inspector Panel as described above.

Then click on the “Styles” tab and select “New Style” from the drop-down menu. This will create a style for that particular element which you can then apply to other elements with just one click.

Using Naming Conventions

When naming elements in Figma, it is important to use clear and consistent naming conventions so that everyone involved knows what an element is or does without having to look up its name each time.

Using descriptive words that accurately describe what an element does or represents is key. For example, if you are creating a button, you may want to call it “Button_Save” instead of just “Save” so that everyone knows this button performs a save action when clicked.

Using Hierarchy

Figma also allows users to create hierarchical structures for their design projects by nesting elements within each other. When doing this, it is important to follow a logical naming convention so that users can easily identify which elements reside within which parent elements.


In conclusion, naming elements in Figma helps teams collaborate more effectively and keeps everyone on the same page when working on projects together. It is important to use descriptive words and follow logical naming conventions when doing so as well as using styles and hierarchy ordering if necessary. This way everyone involved knows exactly what each element does without having to look up its name each time.