How Do I Add a Tooltip in Figma?

Adding a tooltip in Figma is an effective way to provide users with additional information about elements on your design. This can be useful for helping designers understand the purpose of each element, or to provide extra context for users. Tooltips are easy to add in Figma and can be used to add both visual and textual information.

Steps to Add a Tooltip in Figma:

1. Select the element you want to add the tooltip to, then click on the “+” icon in the top-right corner.

2. In the menu that appears, select “Tooltip”.

3. A text box will appear.

This is where you can enter the tooltip’s text.

4. Once you have entered your text, click on the “Done” button.

5. Your tooltip is now added and ready to be used!

Styling Your Tooltip:

You can also customize the look of your tooltip by using Figma’s styling options. You can change the color, font size and type, as well as add a drop shadow or border if desired.

To access these options, simply select your tooltip and click on the “Styling” tab in the right-hand sidebar.


Adding a tooltip in Figma is a great way to provide additional information or context for users without cluttering up your design. With just a few clicks, you can easily add tooltips and customize their look with styling options.