Add links to text

Who can use this feature

Available on all plans

Users with edit access to a file can create and edit links

Users with view access to a file can only follow links

Links in text also work in prototypes. Learn how to get started with prototyping.

Add links to any text layer within your design file to:

• Direct collaborators to external sites like documentation and project management tools
• Create navigation within a large Figma file to specific frames and pages
• Link to other Figma files and prototypes
• Represent actual links that will exist in production

Create a link

You can add a link to an entire text layer, or to a selection of text within the layer. Select the text layer, then press the Enter key to edit the text layer and make your selection.

From the Properties panel

1. Make your selection.
2. Click Create link in the properties panel.
3. Type or paste a URL into the provided input box above the selected text.
4. Press Enter to apply the link.

Use the keyboard shortcut

1. Make your selection.
2. Use the keyboard shortcut to open the link input box above the selected text:
   • Mac: ⇧ Shift ⌘ Command U
   • Windows: Shift Control U
3. Type or paste a URL into the input box.
4. Press Enter to apply the link.

Use paste in place

Add links directly to text without using the link input box.

1. Make your selection.
2. Paste a URL from your clipboard using the keyboard shortcut:
   • Mac: Command V
   • Windows: Control V 

If you want to display the full URL in the page, use the paste keyboard shortcut twice—once to paste it as text, and once more to turn it into a link.
Learn more about how links work in our Links playground file.

Copy a link to a file, page, or frame

Create navigation links to pages and frames within a large file, or link out to other Figma files and prototypes.

File

To copy a link to a file:

1. Open the file.
2. Click the Share button.
3. From the share modal, set any link sharing permissions.
4. Click Copy link to copy the URL to your clipboard.

Prototype

To copy a link to a prototype:

1. Open the file.
2. Click Present to open the prototype in presentation view.
3. Click the Share Prototype button and set any link sharing permissions.
4. Click Copy link to copy the URL to your clipboard.

Page

To copy a link to a page:

1. Open the Layers panel and expand the page list.
2. Right-click on the page's name and select Copy link to page.

Frame

To copy a link to a frame:

1. Right-click the frame on the canvas or from the Layers panel.
2. Go to Copy/Paste as > Copy link.

Once copied, you can create a text layer and use it as a link to a page, file, frame, or prototype.

Interact with links

Preview or follow a link

To preview a URL link, hover over the linked text.

To follow a link, click the linked text. What happens when you follow the linked text depends on the type of link:

• Figma Design or FigJam files: Links to other Figma files, prototypes, frames, or pages open in a new tab.
• Page or frame in current file: Figma takes you to the page or frame in the current file.
• External website: All external links open in a new tab in your browser. If it’s your first time opening a link, you'll need to confirm that you're leaving Figma.

To prevent a link from opening when clicking it, hold ⌘ Command or Control while clicking.

Edit or delete a link

1. Double-click the linked text to enter text edit mode.
2. Click or hover over the linked text to open the link modal.
3. Click Edit.
4. Update the URL, or delete the URL to remove the link.

Style links

You can style linked text as you would any other text layer. Whether this is applying text styles or adjusting text properties, like underline, font, or color.

Links are styled with an underline by default. Use the keyboard shortcut to remove the underline:

• Mac: Command U
• Windows: Control U

Learn more about editing and styling text in Figma.