Parallax Scroll Effect - Figma Tutorial

  Рет қаралды 104,637

UI Adrian

UI Adrian

Күн бұрын

Пікірлер: 70
@hazdrubal5962
@hazdrubal5962 26 күн бұрын
I'm afraid that many users will not figure out that they could click and drag. It would be boring but safe to implement actual scroll button so it is obvious that there is more content at the bottom. Thanks for the tutorial!
@BlackOni
@BlackOni 2 күн бұрын
It's wild that Figma STILL doesn't have this feature.
@yakubyilmaz3506
@yakubyilmaz3506 Жыл бұрын
Finally a good tutorial on this effect, you explain it very well and you do it on live which is helpful! Great mic too
@minkzoo
@minkzoo Жыл бұрын
Hey Adrian! Just wanted to drop a quick comment to say thanks for the awesome design content! Keep up the great work and keep those videos coming. You're an inspiration! 👍🔥
@uiadrian
@uiadrian Жыл бұрын
Thanks a lot Stevanus! Glad to have you here 🙌
@335smileyface
@335smileyface Жыл бұрын
Another amazing tutorial which makes even more excited about UI/UX and this whole learning process ! Thank you for what you do, I am forever grateful 😇🙏
@lloveis
@lloveis Жыл бұрын
Adrian!! Thank you very much for sharing with your knowledge and teaching us for free. Scroll design is my favorite and wanted to learn it for a long time. Thank you once again.
@mohsinop4647
@mohsinop4647 Жыл бұрын
overall best content ever on a youtube channel thanks alot
@IamShashi98
@IamShashi98 Жыл бұрын
I may be late on commenting but, the clock design on Instagram is sick…❤ I love it and this tutorial tooo… thanks for sharing your knowledge on Figma for upcoming web designers.. I’ll buy every thing on your gum road once I get my first job😢…
@CARSSTREETNIGHTS
@CARSSTREETNIGHTS Жыл бұрын
Hi Adrian ! I did what you said, but the pages not go up and I want it to move with the mouse scroll movement, not with the drag and drop method. how can I do that Thanks
@vivlogs9752
@vivlogs9752 Жыл бұрын
Awesome tutorial Adrian ! 🤩🤩 Next time can you build an app from start to finish showing all the passages in figma? That would be so useful! 🥹🥹thank you 🙏🙏
@tinamindrul4140
@tinamindrul4140 Жыл бұрын
I enjoy the sound with your mic so much!
@nwachukwunwankwo2416
@nwachukwunwankwo2416 Жыл бұрын
is there a way to have the figma prototype actually use the parallax effect normally instead of using the drag feature?
@FlyByWheels
@FlyByWheels Жыл бұрын
Thankyou for the wonderful tutorial 🎉
@uiadrian
@uiadrian Жыл бұрын
My pleasure! 😊
@mustaqahmedali1527
@mustaqahmedali1527 Жыл бұрын
Amazing 🤩 let try this one. For my upcoming projects
@uiadrian
@uiadrian Жыл бұрын
Thanks! Good luck with your projects Mustaq!
@snehapandey2130
@snehapandey2130 3 ай бұрын
superb such a great tutorial keep share more video and smooth understanding tutorial 🔥🔥🔥keep grow
@ericaamos3019
@ericaamos3019 Жыл бұрын
Hey Adrian! I am REALLY glad to see your longer form videos on KZbin! I watch your IG tutorials a lot! Can you please make a video on how to make 3D illustrations move. Like having little motion effects like bouncing, hover etc… thanks! 🎉
@JohnXionidis
@JohnXionidis Жыл бұрын
Awesome tutorial thank you!
@uiadrian
@uiadrian Жыл бұрын
Thanks John! Glad I could help :)
@JohnXionidis
@JohnXionidis Жыл бұрын
@@uiadrian Help? Your channel is an amazing gem on youtube, hope it grows a lot!
@nishant7083
@nishant7083 Жыл бұрын
Your first video and this video really made me think about design Hey brother how about a skillshare course ??
@CLOWNSTRAY
@CLOWNSTRAY 9 ай бұрын
Hey! Can you do a liquid fab button animation tutorial?
@mohammedrazim
@mohammedrazim 10 ай бұрын
Love the fact that all the keys being pressed is mentioned
@yashassbhandari1114
@yashassbhandari1114 11 ай бұрын
Amazing video man, thanks for the tutorial!
@markraimondeau3372
@markraimondeau3372 2 ай бұрын
Thanks for the great tutorial. But it only works while dragging - I don't see how to get it working on scroll
@Alsa971
@Alsa971 Жыл бұрын
Do you have the entire Figma course ?
@alizszakacs5552
@alizszakacs5552 Жыл бұрын
Hi Adrian! Thanks for the amazing content as usual! I love your ebook as well and just purchased the Figma mastery course, but I wonder - is there a certificate to look forward to at the end of the course? Again, you are such an inspiration! 🙏🚀
@DungBui-mw1ix
@DungBui-mw1ix Жыл бұрын
Like first Watch later Thank u Adrian!!
@divyang-r7n
@divyang-r7n Жыл бұрын
:scream::scream::scream:Advance Figma Magic' Tips youtube.com/@DD.DesignStudio?sub_confirmation=1
@LiiGitonga1
@LiiGitonga1 Жыл бұрын
Hi Adrian, Quick question .... How did you add the background visual around teh 5:12 timestamp?
@uiadrian
@uiadrian Жыл бұрын
It's a design I created using this method 👉 instagram.com/p/CrLHNRNg8os/
@MANDEEPSINGH-z9s
@MANDEEPSINGH-z9s Жыл бұрын
Awesome 🙌
@jirowang110
@jirowang110 4 ай бұрын
Mine is still a bit choppy when I drag. How do you get it to be a smoother transition?
@DivyeshNandwana
@DivyeshNandwana 7 ай бұрын
very help full video to beginners designer 👌👌👌👌👌👌
@ahumblerequest5222
@ahumblerequest5222 Жыл бұрын
Can we do this effect while scrolling with mouse wheel
@uiadrian
@uiadrian Жыл бұрын
Not directly, but we could add a scroll bar and add an "On drag" trigger to it. I believe @TimGabe created a tutorial on this before :)
@sergelyon
@sergelyon 8 ай бұрын
the correct name of this vid should be "Parallax Drag Effect", you didn't use Scroll
@KEpi_Gaming
@KEpi_Gaming Жыл бұрын
Please provide these 3 Photos that you screenshot and added in the frame
@saurabhsarkar9817
@saurabhsarkar9817 9 ай бұрын
Hey, I have a question, when design all of thing autolayout is needed?
@therealdeal2247
@therealdeal2247 Жыл бұрын
Oh yeahhh!
@uiadrian
@uiadrian Жыл бұрын
🔥🔥
@hellokitkath3329
@hellokitkath3329 Жыл бұрын
Hi! Do you have a practice file for this? Thank you!
@anonymous-sz8jq
@anonymous-sz8jq 6 ай бұрын
heyy how did get that header from? please help
@hermesg2344
@hermesg2344 Жыл бұрын
Bonjour Mr Adrian, j’apprécie vraiment ce que vous faites et j’aimerais savoir si vous faites aussi des formations en Français sur Figma
@pav5432
@pav5432 Ай бұрын
can we make it responsive
@priyanshusingh5192
@priyanshusingh5192 Жыл бұрын
Hii Sir, I need your help to understand about UX/UI designing..... regularly I am consuming your designing content on Instagram and I want to know about figma 3D design how can we convert figma to WordPress..... I have lots of confusion Sir please reply back
@abdullahigiwa2719
@abdullahigiwa2719 Жыл бұрын
Adrian please can you scroll back up? Is it possible?
@Sadman_sakib
@Sadman_sakib 3 ай бұрын
Where are you bro? Are you alright? Miss ya, hope you are well 😕
@amruta1817
@amruta1817 8 ай бұрын
👍👍👍👍 thanx bro u sharing a amazing vedio🥳🙏🙏
@ElytaWang
@ElytaWang Жыл бұрын
@adelaposse4379
@adelaposse4379 Жыл бұрын
Is anyone struggling with the drag prototype effect in Figma? mine has like a stuck and slow flow
@arjunvegeta
@arjunvegeta 10 ай бұрын
can you please this figma file?
@souravgoswami5858
@souravgoswami5858 Жыл бұрын
Thanks man
@javi7299
@javi7299 Жыл бұрын
biggg fannnnnn
@maryamashraf3033
@maryamashraf3033 Жыл бұрын
Sir please upload more vidoes
@valueinvesting.
@valueinvesting. Жыл бұрын
❤❤🎉
@uiadrian
@uiadrian Жыл бұрын
🎉 🙏
@gorasia3568
@gorasia3568 Жыл бұрын
First,
@uiadrian
@uiadrian Жыл бұрын
This deserves a cookie 🍪 Thanks for dropping by!
@rahul_lsh
@rahul_lsh Жыл бұрын
❤w❤~~
@uiadrian
@uiadrian Жыл бұрын
🙏
@JhonHalomoanSiregar
@JhonHalomoanSiregar Жыл бұрын
Plis sub indo 🙏
@JamieWooster-d6e
@JamieWooster-d6e Жыл бұрын
"please dont be on a drag interaction and actually be on scroll" thumbs down, waste of time. cause all we all naturally drag when scrolling down a webpage!
@uiadrian
@uiadrian Жыл бұрын
What an idiotic comment. I explicitly state that there was no scroll trigger in Figma. Go waste someone else's time
@UnlistedUP
@UnlistedUP Жыл бұрын
Doesn't work if there are objects sliding to the right or left. In that case one needs a scrollbar!
@divyang-r7n
@divyang-r7n Жыл бұрын
:scream::scream::scream:Advance Figma Magic' Tips youtube.com/@DD.DesignStudio?sub_confirmation=1
@souravgoswami5858
@souravgoswami5858 Жыл бұрын
Thanks man
Full Page Scroll Animation in 10 Minutes | Figma Tutorial
12:42
DesignWithArash
Рет қаралды 37 М.
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
18:18
UI Adrian
Рет қаралды 625 М.
Чистка воды совком от денег
00:32
FD Vasya
Рет қаралды 1,9 МЛН
Twin Telepathy Challenge!
00:23
Stokes Twins
Рет қаралды 115 МЛН
Yay😃 Let's make a Cute Handbag for me 👜 #diycrafts #shorts
00:33
LearnToon - Learn & Play
Рет қаралды 117 МЛН
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
Parallax Scroll Animation in 6 Minutes (Figma Tutorial)
6:35
Tim Gabe
Рет қаралды 346 М.
Create PARALLAX SCROLL EFFECT In Figma | Figma Tutorial
10:56
Pixxelex
Рет қаралды 102 М.
Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
37:18
Creating a Color System in Figma | 3 Easy Methods
16:02
UI Adrian
Рет қаралды 60 М.
Parallax Scroll effect - Figma Tutorial
23:53
Hemanth kotla | UX Designer
Рет қаралды 44 М.
The Secret to Learning Good UX/UI Design Fast (and for FREE)
16:57
Scroll Animations in Figma! (Without scroll support)
22:56
AM Design
Рет қаралды 268 М.
Parallax Scroll Animation | Figma Tutorial | UI Trends 2024
14:07
Чистка воды совком от денег
00:32
FD Vasya
Рет қаралды 1,9 МЛН