How To Add Link In Figma

Figma, a collaborative interface design tool, allows designers to create, test, and share interactive design prototypes. One of the features that makes Figma stand out is the ability to add clickable links to your designs. This blog post will walk you through how to add a link in Figma.

Getting Started

To get started, you’ll need to have a Figma account and a project open. If you don’t have an account, you can sign up for free on the Figma website. Once you’re set up, open the project where you want to add links.

Steps to Add a Link in Figma

Step 1: Create a Frame or Button

The first step is to create a frame or button that you want to turn into a clickable link. Select the “Frame” tool from the toolbar on the left side of the screen and draw a rectangle on your canvas. Alternatively, if you want to create a button, you can use the “Shape” tools instead.

Step 2: Adding Interactivity

The next step is to add interactivity to your frame or button. To do this, go to the “Prototype” tab in the right-hand sidebar. In this tab, you will see an option for “Interaction”. Click on the “+” button to add a new interaction.

Step 3: Setting up the Link

After adding a new interaction, a menu will appear with various options. To add a link, you need to choose “Navigate to” from the “Action” dropdown menu.
Note: If you don’t see the “Navigate to” option, make sure you are in the “Prototype” tab, not the “Design” or “Inspect” tab.

After choosing “Navigate to”, you can select the destination for your link. This could be another frame within the same Figma file or a different Figma file entirely. You can also choose how the link behaves when clicked, such as “Instant”, “Dissolve”, “Smart animate”, “Slide in”, etc.


That’s it! You have now added a link in Figma. Now, when you play your prototype, you can click on your frame or button and it will navigate to the destination you specified. This feature makes Figma a powerful tool for demonstrating user flows and interactions in your designs.