Prototyping Anchor Link / Scroll To Position — 📎 With Practice File

We now have Anchor Link as New Prototype Action in Figma's December update. Watch this Figma Tutorial to add 'Scroll To' Interactions or 'Anchor Link' Interactions to your designs.

Here's a link to Practice File-

Figma's Official Playground File-

Timestamps -
0:00 Intro
0:32 Anchor Tags - Vertical Scroll
4:11 Image Slider - Horizontal Scroll

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #tutorial #ui #ux

[bananafanofunocarrie]

Thanks! it really solves my problem for my wireframe!

[BRENDACJMIRAN]

bro, you are really good! thank you so much! you get straight to the point :D I am following you! thank you you again!

[samuelsiebler]

Is it possible to create anchor links to a different screen (not to a section or element on the same screen)? Thanks.

[extraordinary]

back to really learn figma after graduated from my college. really like when you explain and the subtitle. hope you make another great videos. don't worry i subscribe this channel

[designsbyindraja]

For me the Hamburger menu isnt showing options where I can scroll to.

[sarveshagarwal]

hey, can you also cover how the selected menu item also changes state to give user an indication of where they r in the navigation menu along with the page scroll

[mateusbistene]

i have a horizontal scrolling tab bar and when I scroll it to the end, at my rigth, and click the last tab on it, the bar shows correctly the content below, but it resets the bar to the inicial position, even with the tab selected. How can I fix it? any ideia? thanks

[kammaisuria]

Nice, I was just thinking if only Figma had anchor links earlier today like XD! Looking forward to using this new feature soon.

[umeshbhavar]

Hi Udayraj.

I have a question and need a help for the same.

When I clicked on the component to scroll the frame how the previous component can back to normal varient.

[ramuvbhat]

Hi Udayraj, nice example. Thanks for sharing. I Wondering how can we give the same 'Anchor Option' functionality to the other page. Assume, we have all segregated content on the other page and give hyperlinks to a particular section from the homepage.

[Sandrucola]

Hey! Thanks for your tutorial..I did it like this but then after the animation is over, as soon as i move the mouse it goes back to top automatically. Do you know what could be happening? I am going mad trying to find the solution but nothing. Maybe its simple but can't make it work. Thanks in advance

[Mehrbanoo]

Thanks for this video, for Image Slider - Horizontal Scroll, I did step by step but is did not work

[scritchproductions]

How Does this work with components? I haven't found this works using components which is not practical for multipage websites or apps

[mehedihasan-pbyg]

Hello, brother plz try to make a detailed video on Auto Layout and Constraints how it works?

[ajayji]

Great, I was expecting to see something on Caresoul but as expected it's for 2 images only but very nice :)

[sayekatchakraborty]

Thank you, bro. Such a good mathematical solution for understanding the process. You are awesome!