How to Add Links in Figma (Text and Layer Links, 2026)

To add a link in Figma, select the text, press Cmd+K (Mac) or Ctrl+K (Windows) and paste the URL. To link a shape or button, open the Prototype tab, add an interaction and choose Open link. Figma supports text links, layer links and links between frames in a prototype.

Quick Steps

1. Select text and press Cmd+K or Ctrl+K.
2. Paste the URL and press Enter.
3. For a button, use the Prototype tab and the Open link action.
4. Use Present mode to test the link.

Adding Links in Figma: Step by Step

1. Link text

Select the words you want to link with the Text tool, press Cmd+K (Mac) or Ctrl+K (Windows), paste the URL and press Enter. The text shows an underline. Links in text work in Present mode and in shared prototypes.

2. Link a layer or button

Select the shape or frame, open the Prototype tab, click the plus beside Interactions, choose the On click trigger and select Open link as the action, then paste the URL.

3. Link between frames

In the Prototype tab, drag the connector from a frame or layer to another frame, choose On click and Navigate to. This is how you build page-to-page flows.

4. Test the link

Press the Present button (play icon) to open the prototype and click the link. Web links open in a new tab.

5. Remove or edit a link

Select the text, press Cmd+K or Ctrl+K again to edit or remove the URL. For layers, delete the interaction in the Prototype tab.

Tips for Better Results

• Use full URLs that start with https:// so the link works.
• Link a whole frame to make a large click area for mobile buttons.
• Add a hover state with components so buttons look clickable.
• Open the prototype on your phone with the Figma mobile app to test touch targets.

Common Problems and Fixes

• The link does not open: links work in Present mode, not while editing.
• The URL is rejected: include https:// at the start.
• Only part of the text is linked: reselect the exact words and add the link again.

Why This Skill Matters for Design Jobs

Figma is named in 54% of the 109 UI and UX job posts ArtBlast tracked from March to August 2026 (59 posts), and in 29% of the 412 graphic and UI design posts (118 posts). Knowing it well is an easy way to stand out. Browse UI artist jobs, remote UI/UX designer jobs and junior UI artist jobs on ArtBlast, and compare tools in Figma vs Adobe XD.

Frequently Asked Questions

How do I add a hyperlink in Figma?

Select text, press Cmd+K or Ctrl+K and paste the URL. For shapes, use a prototype interaction with the Open link action.

Why does my link not work in Figma?

Links open in Present mode and in shared prototypes. In the editor they do not click through.

Can I link one Figma frame to another?

Yes. Use the Prototype tab, drag a connector to the target frame and choose Navigate to.

Can I add links to an exported PDF?

Links in text are kept in PDF exports in many cases, so test the exported file before sharing.

How do I share a Figma prototype link?

Click Share, set access, copy the link and send it. Viewers open the prototype in a browser.

Sources

Steps were checked against the official guides in November 2026. Menu names can change slightly between versions.

• Figma Help Center

Job data: ArtBlast job tracking, March 13 to August 12 2026, distinct posts (one per employer and title) with a full description. UI and UX cohort: 109 distinct posts and 98 employers.