New to Anima? Create an account for free!
An anchor link is a special URL that takes you to a certain place on the same page. For example, the table of contents in this article contains anchor links which connect headings and the relevant sections below.
This guide covers how to add anchor links to a different section on the same page in Figma, Adobe XD, and Sketch.
Skip to a section
Create an Anchor Link in Figma
Select the layer which will trigger the navigation event
Go to Prototype mode in Figma
Drag link to desired destination element in the frame
Make sure Interaction is set to 'Scroll to'
Preview or Sync your design to view the Interaction in effect!
Create an Anchor Link in Adobe XD
Select the layer which will trigger the navigation event
Click Links in the Anima plugin
Select Scroll to from the Link Type drop-down menu
4. Select the layer that will act as the Anchor (you'll see this artboard name appear under the destination)
5. Click Save to apply it
6. Preview or Sync your design to view the Interaction in effect!
Create an Anchor Link in Sketch
Select the layer which will trigger the navigation event
Inside the Anima plugin under the Prototype tab, click Flow > Links
Select the Target Layer within the Artboard or Layers Panel
Preview or Sync your design to view the Interaction in effect!
Get involved in our Anima Community Forum! 😎
New to Anima?